微信小程序canvas2d绘制圆环进度条组件

https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html

Canvas2D接口（type="2d"）,支持同层渲染的一神核仿个圆环进度条氏尺。（wx.createCanvasContext已废弃）游纤

https://gitee.com/susuhhhhhh/components

https://gitee.com/susuhhhhhh/wxmini_demo

你好

记录一个关于progress组件的demo，先看下效果↓

1.附上wxml代码 ↓

usual_progress代码如下↓

2.分别介绍一下四个progress

①第一个progress百分比为20， show-info属性为true,在进度条右侧显示进度数字；

②第二个progress百分比为40，stroke-width进宴芦薯度条的宽度（高度）设置为12px,缺省为6px

③第三个progress设置颜色为pink

④第四个progress中active属性为true，哗返进度条动态显示。

（只要写上布尔变量的属性，则属性值默认为true，删除该属性或设置属性值为“{{false}}”才为false效果。）

3.附上官网的开发指晌者南

希望对你有帮助！

---