小程序canvas绘制圆形微信头像

获取用户头像信息之后，跳转到绘制页面，在绘制页面完成绘画 *** 作。

第二步：绘制用户头像。

绘画好用户头像之后的图片是这样的：

画整圆，下半个圆用东西遮挡起来。 计算进度的时候设置起始位置是从左边开始，就是你那个半圆的左下。 你所有的进度都需要在原来的基础上除以2，因为现在用来显示进度的半圆是原来整圆的二分之一，整圆的全部是百分之百，现在半圆的全部就是百分之五十，用百分之五十的进度表示百分之百的进度，所以就需要除以二。 不知道我有没有说明白。

网页链接

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

---