收藏
回答

createLinearGradient 渐变色为黑色

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug createLinearGradient 工具 7.0.6 2.4.1


完全同样的代码,放在不同项目,效果不一样,怀疑基础库问题,调到最新,果然可以了,突然想试试最低库,然后,发现,无论多低都可以了,我未调之前 基础库是 2.4.1,显示为黑色,调了之后为 1.7.1 都可以正常显示彩色,再次调为 2.4.1 正常显示

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

1 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2019-10-16

    低版本基础库的问题建议都切换至更高的基础库版本解决。

    2019-10-16
    有用
    回复 7
    • 留言
      留言
      2019-10-16
      非低版本库问题
      2019-10-16
      回复
    • 留言
      留言
      2019-10-16
      同样的代码,库也一样的
      2019-10-16
      回复
    • 留言
      留言
      2019-10-16
      原项目原本的库是2.4.1,改变库之后可以了,但再改回2.4.1,同样可以,如果是库的问题,那改回2.4.1,应该是不可以的
      2019-10-16
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2019-10-16回复留言
      提供工具的版本号,能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
      2019-10-16
      回复
    • 留言
      留言
      2019-10-16
      canvasBindtap:function(){
          const ctx = wx.createCanvasContext('myCanvas')
          // Create linear gradient
          const grd = ctx.createLinearGradient(0, 0, 293.5, 0)
          grd.addColorStop(0 / 6, '#ff0000')
          grd.addColorStop(1 / 6, '#ff00ff')
          grd.addColorStop(2 / 6, '#0000ff')
          grd.addColorStop(3 / 6, '#00ffff')
          grd.addColorStop(4 / 6, '#00ff00')
          grd.addColorStop(5 / 6, '#ffff00')
          grd.addColorStop(6 / 6, '#ff0000')

          // Fill with gradient
          ctx.setFillStyle(grd)
          ctx.fillRect(0, 0, 293.5, 500)
          ctx.draw()
          console.log('ctx',ctx)
        },

       
       
       
      2019-10-16
      回复
    查看更多(2)
登录 后发表内容
问题标签