更改我正在绘制的下一行的颜色，而不关闭路径

Question

我正在制作一个油漆程序。

我正在尝试制作不同颜色的按钮，用于更改用户绘制的下一个路径的颜色。

我发现了这个问题，它有同样的问题（HTML5 Canvas changes colors of all lines），但它的答案有一个解决方案，而不是我正在寻找的结果（我不想用{关闭这个数字） {1}}，我想留下不完整的路径）

有没有办法做到这一点而不必被迫关闭这个数字？

Here's my JSFiddle

Answer 1

开始换行时，您必须使用beginPath()

$(document).mousedown(function() {
    down = true;
    ctx.beginPath();
}).mouseup(function() {
    down = false;  
}); 

请参见修改后的JSFiddle