画布:开始路径& moveTo不起作用

时间:2014-04-03 16:08:37

标签: javascript canvas

我对Canvas有点问题。

这是一个简单的绘图画布应用程序:

$("#drawing").mousemove(function(e) {
    ctx.lineTo(e.clientX, e.clientY);
    ctx.stroke();
});

我需要使用beginPath创建一个新路径。但我的应用程序不适用于beginPath和moveTo。 (不画线)

ctx.beginPath();
ctx.moveTo(e.clientX, e.clientY);
ctx.lineTo(e.clientX, e.clientY);
ctx.stroke();

如何解决?

提前致谢。

1 个答案:

答案 0 :(得分:2)

您的moveTolineTo坐标相同(您正在绘制一个点)。

确保坐标不相同:

ctx.beginPath();
ctx.moveTo(e.clientX, e.clientY);
ctx.lineTo(e.clientX+50, e.clientY+50);
ctx.stroke();