如何在画布中获取用户绘制的线条的坐标

Question

我知道你可以使用 canvas 元素画线。我想要完成的是用户在画布上选择 2 个点。然后，使用 2 个点，我可以计算这条线的方程。但是，我无法弄清楚如何访问用户在画布上绘制的点的坐标属性。我怎样才能做到这一点？

Answer 1

如果用户需要单击以选择点，则需要查看 addEventListnener 和传递到您注册的事件处理程序中的 MouseEvent 对象。

例如：

canvasElement.addEventListener("click", function(event /* MouseEvent */) {
// now event.clientX and event.clientY have mouse coordinates
});