收藏
回答

安卓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 个回答

  • 是小白啊
    是小白啊
    2019-06-14

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2019-06-14
    有用
    回复 1
登录 后发表内容