畫布：開始路徑＆moveTo不起作用

Question

我對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();