画布 offsetTop 和 offsetLeft答案

【问题标题】：Canvas offsetTop and offsetLeft画布 offsetTop 和 offsetLeft
【发布时间】：2011-10-19 13:22:57
【问题描述】：

在 HTML5 Canvas 中，offsetTop 和 offsetLeft 是什么？

我正在尝试获取鼠标单击事件的 X 和 Y。我知道我可以解决这个问题：

mycanvas.onclick = function (evt) {
    var offX = evt.layerX - mycanvas.offsetLeft;
    var offY = evt.layerY - mycanvas.offsetTop;
}

但是什么是 offsetLeft 和 offsetTop？ LayerX 和 LayerY 是什么？

【问题讨论】：

【解决方案1】：

offsetLeft 属性特定于元素，在 documentation 中描述为：

返回当前左上角的像素数元素在 offsetParent 节点内向左偏移。

LayerX 特定于事件，在 documentation 中描述为：

返回事件相对于当前事件的水平坐标层。

希望有帮助！

【讨论】：

【解决方案2】：

根据 MSDN 的文档，layerX 和 layerY 是相对于 DOM 树中最近的定位祖先。

我也在努力解决这个问题...

【讨论】：