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属性特定于元素,在本文档中描述为:

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

特定于事件的LayerX,在本文档中描述为:

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

希望有所帮助!