HTML Canvas 颜色特定区域

【问题标题】：HTML Canvas color specific areaHTML Canvas 颜色特定区域
【发布时间】：2020-07-03 23:57:29
【问题描述】：

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

谢谢

【问题讨论】：

【解决方案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();

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

【讨论】：