javascript - Canvas :开始路径和 moveTo 不起作用

Question

我在使用 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();

如何解决？

提前致谢。

Answer 1

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

确保坐标不相同:

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