小程序 iOS Canvas 画图 setLineCap BUG 反馈 - WXOPEN Club

在 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 : 补充手机型号、开发者工具基础库版本信息;

确认有此问题，我们下个版本修复一下

有官方关注这个问题么？是不是BUG麻烦回复下, 我们这边也好给客户一个交代；