let value = 80;
//渲染一条渐变色的线
ctx.beginPath()
ctx.setLineWidth(10)
let grd = ctx.createLinearGradient(0, 0, 300, 300)
grd.addColorStop(0, "#FF5A09")
grd.addColorStop(1, '#FFA63F')
ctx.setStrokeStyle(grd)
let startAngle = -0.5
let endAngle = 1.5
endAngle = (1.5 - (0 - 0.5)) * (value / 100) + (0 - 0.5)
ctx.arc(150, 150, 150, startAngle * Math.PI, endAngle * Math.PI)
ctx.stroke()

//渲染一个小白点
ctx.beginPath()
ctx.setLineWidth(8)
//出现问题代码 start
ctx.setStrokeStyle('#ffffff')//此代码在电脑上生效，真机上不生效
//出现问题代码 end
//解决 start
let grd2 = ctx.createLinearGradient(x, 0, x, cHeight);
grd2.addColorStop(0, "#ffffff");
grd2.addColorStop(1, '#ffffff');
ctx.setStrokeStyle(grd2); //小白点颜色受到上面的线的渐变色影响了，渐变色这个api有bug，设置普通颜色顶替不了上面的渐变色，所以在创建一个纯白色的渐变色就OK了
//解决 end
let whitePointStartAngle = (1.5 - (0 - 0.5)) * ((value - 0.25) / 100) + (0 - 0.5);
ctx.arc(150, 150, 150, whitePointStartAngle * Math.PI, endAngle * Math.PI)
ctx.stroke()