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

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

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

解决方案：

在使用canvas绘图。

微信小程序允许对普通元素通过borderradius的设置来进行圆角的绘制，但有时候在使用canvas绘图的时候，也需要圆角。

圆角边框属性用于设置元素的外边框圆角。

圆角边框的原理圆与边框相切的交集的形成圆角效果，所以设置圆角边框的尺寸实际上是设置与边框相切的圆的半径。

从原理上看，设置的圆的半径越大，边框的圆角越明显。

圆角半径数值设置只有px和unset也就是无设置两种。

对于可以设置圆角边框的组件来说，四个角的圆角是可以分别设置的。

设置的圆角半径以及效果在设置面板有效果呈现。

当组件是一个正方形时，可以通过将圆角半径设为边长的一半使组件成为一个圆形。

对于Towify的许多容器，是可以直接拖拽容器四角的小圆圈进行圆角边框的设置的。

小圆圈拖拽的距离越远，圆角半径越大。

---