HTML5 Canvas:操纵个别路径

Question

在使用HTML5画布时,如何保存javascript变量/数组的特定路径,然后对其进行操作？这是我到目前为止所做的事情:

                    ctx.beginPath();
                        ctx.moveTo(lastX,lastY);
                        ctx.lineTo(x,y);
                        ctx.lineWidth = s*2;
                        ctx.stroke();
                    ctx.closePath();

现在,我需要的是能够有时将此路径存储在数组中.然后,我需要能够返回并稍后更改数组中所有路径的颜色.(显然,我也不知道该怎么做.)

Answer 1

在画布中，如果不清除并重新绘制画布视图，则无法更改画布视图；因此您需要创建一个函数来绘制画布。在数组中存储您的行位置，在函数期间循环遍历数组并添加它们。显然你可以随时重新绘制画布；通常你会设置一个事件监听器或计时事件