HTML Canvas颜色特定区域

Question

如果我想更改画线顶部区域的颜色，该怎么办。这是我的示例： https://www.w3schools.com/code/tryit.asp?filename=GG3IR6IS9TZ1

谢谢

Answer 1

使用您的值制作形状并填充她。 https://www.w3schools.com/code/tryit.asp?filename=GG3J6QC13SU5

// your graph
ctx.beginPath();
ctx.moveTo(0, 40);
ctx.lineTo(300, 60);
ctx.stroke();

// fillment
ctx.beginPath();
ctx.moveTo(0, 40); //y our dynamic values
ctx.lineTo(300, 60); // your dynamic values
ctx.lineTo(300, 300); // canvas bottom right end
ctx.lineTo(0, 300); // canvas bottom left end
ctx.closePath();

将此逻辑传递给其他图形使用的函数，请保持代码干燥。