html52.com
我爱小程序-开发者交流社区

小程序 iOS Canvas 画图 setLineCap BUG 反馈

问题模块
API和组件


在 iOS 下,用 createLinearGradient + setLineCap('round') 配合 setStrokeStyle 画圆角进度圆环时 iOS 表现出现BUG, 无圆角效果, 在开发者工具、安卓、iOS 的表现如图:


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


网友回复

黄思程:

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

Carey:

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付