创建后修改画布颜色

Question

使用画布我在页面上创建一组三角形，然后用大的渐变覆盖它们。

一旦创建了这些三角形，是否有一种方法可以引用它们以在特定事件中使用javascript更改颜色？或者我是否必须再次绘制三角形？

制作三角形的for循环：

context.fillStyle = color[i-1];
context.beginPath();
context.moveTo(1,leftStart+(itemStartHeight*(i-1))); //Tl
context.lineTo(width,(itemHeight*(i-1))); //Tr
context.lineTo(width,(itemHeight*i)+1); //Br
context.lineTo(1,leftStart+(itemStartHeight*i)+(i!=items ? 1 : 0)); //Bl
context.closePath();
context.fill();

Answer 1

默认情况下，无法引用canvas元素上绘制的单个内容，以更改重绘它们的颜色