[图片] [图片]

在 iOS 下，用 createLinearGradient + setLineCap('round') 配合 setStrokeStyle 画圆角进度圆环时 iOS 表现出现BUG, 无圆角效果， 在开发者工具、安卓、iOS 的表现如图: [图片] 代码摘要如下: [代码]var[代码] [代码]ctx = wx.createCanvasContext([代码][代码]'canvasArcCir'[代码][代码]);[代码][代码]// 使用线性渐变[代码][代码]var[代码] [代码]gradient = ctx.createLinearGradient(0, 40, 0, 150);[代码][代码]gradient.addColorStop([代码][代码]"0"[代码][代码], [代码][代码]"#0f4fb0"[代码][代码]);[代码][代码]gradient.addColorStop([代码][代码]"1"[代码][代码], [代码][代码]"#dd3652"[代码][代码]);[代码][代码]// 画圆角进度圆环[代码][代码]var[代码] [代码]x = 100, y = 100, radius = 94;[代码][代码]var[代码] [代码]nes = 0.8 ;[代码][代码]//  this.data.circle;[代码][代码]ctx.setLineWidth(12);[代码][代码]ctx.setStrokeStyle(gradient);[代码][代码]ctx.setLineCap([代码][代码]'round'[代码][代码]);[代码][代码]ctx.beginPath();[代码][代码]ctx.arc(x, y, radius, 1.5 * Math.PI, 60 * 2 * nes * Math.PI / 60 + 1.5 * Math.PI , [代码][代码]false[代码][代码]);[代码][代码]ctx.stroke();[代码][代码]ctx.draw();[代码] 所使用的系统版本: 手机型号: iPhone7、iPhone7 Plus iOS系统: 10.3.3 微信版本: 6.5.18 开发者工具基础库: 1.5.4 注: 在 iOS 11 中实测也存在同样问题, 其他版本的 iOS 暂未测试; === 2017/10/17 14:53 : 补充手机型号、开发者工具基础库 版本信息;

小程序页面存在canvas， 当在其他页面跳转到canvas页面时，使用wx.navigateTo跳转过去，canvas未描画，锁屏再解锁就能显示出来（onShow事件为空） 附带问题：在我实际的工程里，即使不是其他页面刚跳转过来，也会有偶尔描画不出来的问题，同样是锁屏再解锁就能显示出来 延时1s再去draw 可以解决 已测试复现手机： 华为mate20，华为P20，荣耀V9 已测试不复现手机: 小米9SE，iPhoneX，iPhoneXsMax，iPhone8Plus，iPhone7，魅族16，小米mix2s，oppo r17 ，vivo x23， nexus6 其他人同样的问题： 1， https://developers.weixin.qq.com/community/develop/doc/000e28d218cd609fe298608e452800?highline=%E5%8D%8E%E4%B8%BA%E6%89%8B%E6%9C%BA%E6%8F%8F%E7%94%BBcanvas%E6%97%B6%E7%94%BB%E4%B8%8D%E5%87%BA%E6%9D%A5 2， https://developers.weixin.qq.com/community/develop/doc/000006645a84a811aa78c413d56c00?_at=1561964448196 3，https://developers.weixin.qq.com/community/develop/doc/000c6445450d081222c89fbc252000