微信小程序使用canvas绘制圆角矩形在Android：变形、锯齿

在微信小程序使用canvas绘制圆角矩形时，在Android出现变形、锯齿现象，而iOS正穗中常。

根据小程序社区回复：使用ctx.arc + ctx.lineTo就能避免迟薯Android错误，Android只使用ctx.arcTo不兼容！！！

解决方猜旦山案：

我镇衡纤知道两种方法，一种是利用路径查找器将一个矩形和一个圆角矩形相交的地方剪出来。 还有一种方法是先画一个圆角矩形，利用转换锚点工具拦哗将三个角转换成直角的在利用直接选择工具拽垂御仿直

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

网页链接

---