收藏
回答

安卓canvas stroke渐变失效

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android Android 7.0 Honor 6X 7.0.4

canvas在安卓上setStrokeStyle使用渐变无效,显示为黑色


代码片段

var grd = ctx.createCircularGradient(this.data.centerPoint[0] - this.rpx(20), this.rpx(-20), this.rpx(150));

grd.addColorStop(0, 'rgba(255,255,255,1)');

grd.addColorStop(1, 'rgba(69, 233, 247, 1)');

ctx.beginPath();

ctx.setLineWidth(this.rpx(12));

ctx.arc(this.data.centerPoint[0], this.data.centerPoint[1], this.data.radius + this.rpx(5), 1.5 * Math.PI, (progress * 2 + 1.5) * Math.PI, false);

ctx.setStrokeStyle(grd);

ctx.stroke();

ctx.closePath();


- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容