HTML：了解中心Div的绝对位置

Question

我想说的是：http://puu.sh/6rqZc.jpg

我如何知道我的画布的x / y或左/顶属性，假设它是以此为中心：

#canvas-container {
    width: 100px;
    height:100px;
    margin: 0px auto;
}

注意：$('#myCanvas')[0].style.top returns ""

Answer 1

您可以尝试使用offset()，它将返回元素相对于文档的坐标：

var eTop = $('#myCanvas').offset().top,
    eLeft = $('#myCanvas').offset().left;

Answer 2

我认为您需要.offset()或.position()：

如果您需要绝对左/上值：

var offLeft = $('#myCanvas').offset().left;
var offTop = $('#myCanvas').offset().top;

如果你需要相对定位的elem的左/上值：

var posLeft = $('#myCanvas').position().left;
var posTop = $('#myCanvas').position().top;

Answer 3

使用JQuery

$('#myCanvas').eq(0).offset();

// or

$('#myCanvas:first').offset();