Canvas offsetTop和offsetLeft

Question

在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？

Answer 1

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

  

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

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

  

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

希望有所帮助！

Answer 2

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

我也试图解决这个问题......