Javascript 在客户端找到正方形的坐标

我的页面上有一个图像，可以通过$（“#myimage”）获取；现在我想找到正方形的坐标，我将在图像上绘制。正方形的这些端点应该正好使正方形的半径为20px（正方形的中心将是图像的中心）。如何使用JavaScript或jQuery实现同样的功能

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};

工作示例：

如果希望相对于偏移父对象而不是文档（取决于如何在标记中添加正方形），可以使用

position（）

而不是

offset（）

。同样，根据图像的样式，可以使用

innerHeight（）

和

outerHeight（）