插件描述：js结合HTML5 canvas绘制圆圈图形 动态显示百分比数值 兼容IE8+等主流浏览器
============以下内容由 Gnomo 提供================
1，在html页面的</body>标签前引入circle.js脚本
<script type="text/javascript" src="js/circle.js"></script>
2，页面元素说明：
<div class="jqm-round-wrap">
<div class="jqm-round-bg"></div>
<canvas id="jqm-round-sector0" class="jqm-round-sector"></canvas>
<div class="jqm-round-circle"><p>50%</p></div>
</div>id="jqm-round-sector0"
为当前元素生成圆形时的id名称，当前页面如需生成多个圆形时，其他元素id依次为jqm-round-sector1、jqm-round-sector2等。
<p>50%</p>
内的百分比用于显示当前元素生成圆形是的比例值，此值可以使百分数也可为小数，如：<p>0.65</p>。
PREVIOUS:
NEXT:
相关插件-图像,动画效果
讨论这个项目（22）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
●夜幕 0
2018/10/15 14:55:21
-
怎么修改颜色
leisure0
2019/4/12 9:45:15
-
同问
西瓜0
2019/4/12 10:06:53
cirde.js第12行
ctx.fillStyle = opts.color || '#f76220';
这里修改为你的颜色值#f76220
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
