如何在html画布上找到笔的位置？

Question

我认为旧版本的画布有一个canvas.PenPos属性，可以让您查看当前的笔位置。我主要是将它用于调试目的，并相对地绘制(例如，在当前位置右侧有一条50 to长的线)。目前有什么办法可以做到吗？如果没有，他们为什么要移除它.

我所指的笔位置是绘图上下文(例如，通过调用var ctx = canvas.getContext('2d'))使用的虚拟“笔”，而不是物理笔或鼠标。

我不想用鼠标画画。，这不是我要找的实体笔，它是用ctx.moveTo(x,y)移动的虚拟笔

Answer 1

根据w3.org，没有返回笔位置的方法。

因为.getContext("2d")方法返回一个对象，所以可以将笔位置存储为属性，并根据需要调用它们：

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

ctx.beginPath();

//Start position
ctx.x = 100;
ctx.y = 100;
ctx.moveTo(ctx.x, ctx.y);
ctx.x = ctx.x + 100;
ctx.y = ctx.y + 300;
ctx.lineTo(ctx.x, ctx.y);
ctx.stroke();

但是，在创建弧线时，需要计算笔的新位置。