收藏
回答

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

问题模块
API和组件

各位有没有遇到这样的情况,在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();//对当前路径进行描边


最后一次编辑于  2017-02-11  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

7 个回答