在客户端找到square的坐标

Question

我的页面上有一个图像，我可以通过$（'＃myimage'）获取;现在我想找到我将在图像上绘制的方形坐标。这些方形的端点应该精确地使得方形半径应该是20px（正方形的中心将是图像的中心）。我怎么能用JavaScript或jQuery做同样的事情。

Answer 1

var dims = {x: 20, y: 20},
    obj = $('#myImage'),
    img = obj.offset(),
    coords = {top: img.top + (obj.height()-dims.y)/2,
              left: img.left + (obj.width()-dims.x)/2};

工作示例：http://jsfiddle.net/22TMD/

如果您希望它相对于偏移父项而不是文档（取决于您将如何在标记中添加方块），则可以使用position()而不是offset()。同样，您可以使用innerHeight()和outerHeight()，具体取决于图片的样式。