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

Question

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

标签： javascripthtmlcanvashtml5-canvas

Answer 1

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

例如：

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