createLinearGradient,setLineCap真机无效如何解决
发布于 6 年前 作者 juan79 10664 次浏览 来自 问答

代码片段1:

var context = wx.createCanvasContext(‘test’);

const grd = context.createLinearGradient(0, 0, 200, 0)

grd.addColorStop(0, ‘red’)

grd.addColorStop(1, ‘white’)

context.setFillStyle(grd)

context.fillText(‘Hello’,100,100);

context.draw()

代码片段2:

var context = wx.createCanvasContext(‘test’);

const grd = context.createLinearGradient(0, 0, 200, 0)

grd.addColorStop(0, ‘red’)

grd.addColorStop(1, ‘white’)

context.setLineWidth(6);

context.setStrokeStyle(grd);

context.setLineCap(‘round’)

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

context.arc(50, 50, 44, 0, 1.5 * Math.PI, false);

context.stroke();

context.draw()

片段1:

真机不能渐变文字

片段2:

真机中context.setLineCap(‘round’)失效

以上两段代码都是如下问题:

在模拟器中可以正常,到真机不能正常显示;(补充:苹果机失效,安卓机正常)

回到顶部