圆形动态百分比插件progress.js

所属分类:UI-圆边,加载

 19798  226  查看评论 (2)
分享到微信朋友圈
X
圆形动态百分比插件progress.js ie兼容11

更新时间:2019-08-15 10:21:01

直接下载到项目或者demo中,简单易懂有注释,加油吧

var p1 = new Progress({
    el: 'my_html', //canvas元素id
    deg: 100, //绘制角度
    timer: 8, //绘制时间
    lineWidth: 5, //线宽
    lineBgColor: '#BBBBBB', //底圆颜色
    lineColor: 'white', //动态圆颜色
    textColor: '#BBBBBB', //文本颜色
    fontSize: 22, //字体大小
    circleRadius: 50 //圆半径
});
相关插件-圆边,加载

圆边

方形切换成圆边
  圆边
 29840  338

完美支持IE圆角/阴影等CSS3样式

让ie6也完美支持IE圆角/阴影等CSS3样式
  圆边
 46355  456

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    __乱人心 0
    2020/10/16 15:08:21
    角度为0的时候,为啥是100%?
        binghuang0
        2020/10/16 16:51:59
        因为我在progress.js中的17行有这样一句代码:init.deg>0&&init.deg<=100? this.deg = init.deg:this.deg = 100;
        也就是当值等于小于0或者大于100时 那么这个值就被赋值为100 你可以改一下这里为:init.deg>=0
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复