收藏
回答

Canvas绘制渐变颜色线段时,setLineWidth在手机端失效?

各位有没有遇到这样的情况,在Canvas上绘制一个渐变颜色的线段,设置了Width,模拟器看到的是正常的,而上传后手机端看到的Width固定为1,请问这是什么情况?是个bug吗?


附源码:

      var colorchange=cxt_arc.createLinearGradient(0,0,170,0)        

      colorchange.addColorStop(0, '#1afcf9')

      colorchange.addColorStop(1, '#029cc3')

      cxt_arc.setLineWidth(14)      //宽度设定为14

      //cxt_arc.setStrokeStyle('#3ea6ff');          //固定颜色时,模拟器、手机均正常

      cxt_arc.setStrokeStyle(colorchange)        //渐变颜色时,模拟器正常,手机端渐变圆弧宽度固定为1

      cxt_arc.setLineCap('square')  

      cxt_arc.beginPath()//开始一个新的路径  

      cxt_arc.arc(xCenter, yCenter, radius, Math.PI, 2*Math.PI, false);        // 以(xCenter, yCenter)为中心,画半径为radius的半圆

      cxt_arc.stroke();//对当前路径进行描边


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

7 个回答

  • 前程
    前程
    2017-03-08

    请问有解决吗?今天遇到这个还不知道为什么,请教各位有解决方法吗,谢谢

    2017-03-08
    有用
    回复
  • 徐小庶
    徐小庶
    2017-02-17

    请官方确认一下是不是bug

    2017-02-17
    有用
    回复
  • 徐小庶
    徐小庶
    2017-02-13

    我遇到的问题是iOS端的,求官方解决啊!

    2017-02-13
    有用
    回复
  • 猪肉骨拿来卤
    猪肉骨拿来卤
    2017-02-13

    ios也有问题

    2017-02-13
    有用
    回复
  • 猪肉骨拿来卤
    猪肉骨拿来卤
    2017-02-13

    在安卓端

    2017-02-13
    有用
    回复
  • 素艺
    素艺
    2017-02-13

    请问是Android还是iOS?

    2017-02-13
    有用
    回复
  • 猪肉骨拿来卤
    猪肉骨拿来卤
    2017-02-13

    我也遇到这个问题了

    2017-02-13
    有用
    回复
登录 后发表内容