• 当前标签:canvas环形进度条

JavaScript面向对象封装canvas环形进度条

canvas制作环形进度条需要注意的地方,就是关于角度与百分比的转换,公式如下: 传参利用的是json键值对方式进行传递参数,总共支持7个参数, obj:canvas对象(必填参数) radius:圆形的半径(必填参数) progress:进度条参数(必填参数) color:3个参数,第一个是canvas底层圆形的颜色,第二个参数为进度条环形颜色,第三个参数为中间文字颜色(必填参数) value:需要显示的字符串(选填参数,默认为没有文字只要百分比显示) fontSize:文字的大小(选填参数,默认为20px) lineWidth:canvas进度条线宽(选填参数,默认为10) 具体js代码如

2016-10-06 14:02:55 2670 2 22
阅读详情
  • 1
前往