微信小程序canvas arc 方法在android 中显示不正常的bug

时间：2019-04-30 来源：小程序工厂

let cxt_arc = wx.createCanvasContext('core-usage');//创建并返回绘图上下文context对象。cxt_arc.setLineWidth(15);cxt_arc.setStrokeStyle('#142948');cxt_arc.setLineCap('round')cxt_arc.beginPath();//开始一个新的路径cxt_arc.arc(100, 100, 90, 0.75 * Math.PI, 0.25 * Math.PI, false);

.usage_percent{ position: absolute; width: 260px; height: 260px; z-index: 1;}

模拟器上的显示：正常
iOS 上显示：正常
android上显示：不正常下面是android 上的显示：

Android 设备信息：
微信版本：6.5.16
sdk 版本：1.6.4
华为荣耀 PRA-AL00
系统版本：7.0 EMui 5.0

请问这是什么问题？

微信小程序开发问题解答

微信小程序开发者回答：

这个问题，我自己算是解决了；
cxt_arc.arc(100, 100, 90, 0.75 * Math.PI, 0.25 * Math.PI, false);我猜测，这里iOS 会按顺时针，逆时针，从开始到结束去渲染，但是android 只会按从小弧度，到大弧度，再根据顺时、逆针去渲染；
解决方案就是：
给大弧度的第二个参数加上2pi 吧。。。
cxt_arc.arc(100, 100, 90, 0.75 * Math.PI, 2.25 * Math.PI, false);

微信小程序开发者回答：

我们看看

本文网址：http://www.91bianli.com/weixinxiaochengxu/21641.html

上一篇：bug反馈微信小程序在ios10.0.2中Promise无法catch异常

下一篇：求助:advertisData转成字符串为空

售前咨询热线

0531-86088957

微信：seoceo

关注微信