Javascript 如何获得画布的坐标，即使画布在移动？

请注意，也有类似的讨论，有人试图找出图像的坐标。然而，在我的案例中，提出的解决方案似乎不起作用

我有一块帆布。在那张画布上，我画了几幅图像。为了能够点击图像并触发事件，我会检查用户是否通过mousedown事件点击了特定区域。我的clickevents是相对于画布的，因为当我进入或离开时坐标会改变。我现在需要的是找到画布坐标的方法，如：

canvas=document.getElementById("myCanvas");
console.log(canvas.X);

如果您能帮助我，我将提前表示感谢。
祝你过得愉快

---

Alexander

您可以尝试

MouseEvent.offsetX

和

MouseEvent.offsetY

。请注意，根据您的用例，这些属性是可扩展的，但具有良好的兼容性

除此之外，最好的方法是自己计算。您可以使用获取画布的位置和大小。您可以使用（和

clientY

）在单击时获得鼠标位置。可以通过从鼠标位置减去画布的位置来计算鼠标相对于画布的位置