如何在表格中找到画布上的鼠标单击？

Question

我已经构建了一个控件，用于从色轮中选择具有独立滑块的色彩饱和度和亮度。我想并排使用其中两个，格式化让我想把这些画布对象放在一个表中。现在，当我对点击进行本地化时，画布偏移值（canvas.offsetLeft和canvas.offsetTop不为0，因此点击位于远离它们的位置的最右侧和底部）。有没有人想出如何在TABLE中从画布本地化鼠标点击。否则它的工作正常。

很抱歉打扰你，我通过将表对象的偏移量传递给处理鼠标事件的对象来找到答案。

Answer 1

获取所需画布元素的引用：

var canvas=document.getElementById("myCanvas");

然后使用getBoundingClientRect为您提供画布的左侧和顶部坐标

var BB=canvas.getBoundingClientRect();
var offsetX=BB.left;
var offsetY=BB.top;