canvas js 绘图插件_</JavaScript>环形进度条插件(v2)

06b6ac788edc31997c361ad3e904d2fd.png

之前写的 cpbBuilder.js 完全是觉得好玩儿,没有实际使用,上个星期自己在项目上使用了一些,觉得有些东西用起来并不是很舒坦,主要就是每个进度条的设置,要统一在 JS 中去设置,这样在修改的时候不是很直观,不过好处是可以使用 JS 配合 JSON,第二个版本在 canvas 标签中使用了 data-* 属性,也就是图个方便,至于具体使用哪个版本可以自己根据需要选择,代码是完全开源的,可以随便用,随便改。

王世杰:纯JS环形进度条生成插件​zhuanlan.zhihu.com

插件代码:

// cpbBuilder.js

使用:

<!-- 创建 canvas 元素 -->

插件实例化和设置:

// usage

插件运行:

// 因为参数是在元素 data-* 属性中设置的,因此可以遍历元素运行

2d402e0e73bc6b119e1033b78a235987.png

更多用法请自由发挥!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值