createLinearGradient 渐变在开发工具中与在真机显色不一样

发布于 7 年前作者 taoliang8281 次浏览最后编辑 7 年前来自 ask
  • 当前 Bug 的表现(可附上截图)

  • 预期表现

  • 复现路径

  • 提供一个最简复现 Demo

createLinearGradient 渐变在开发工具中无论设置什么颜色显色都是黑的,但是在真机上就可显出渐变

const ctx = wx.createCanvasContext('firstCanvas');


const grd = ctx.createLinearGradient(0, 0, 375, 50);

grd.addColorStop(0, '#FF5B59')

grd.addColorStop(0.5, '#FB887E')

grd.addColorStop(1, '#FE6B53')

ctx.setFillStyle(grd)

ctx.fillRect(0, 0, 375, 50)

ctx.draw()

开发工具显示

手机显示

2 回复
lei15
lei151 楼6 年前
mingkang
mingkang2 楼5 年前

我也这样啊,兄弟,你解决了没,一样的代码,不一样的效果