代码片段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’)失效
以上两段代码都是如下问题:
在模拟器中可以正常,到真机不能正常显示;(补充:苹果机失效,安卓机正常)