我们如何获得图像的位置并使用jquery在该位置上放置另一个图像

Question

我想知道如何获得图像的准确位置并在该位置放置其他图像

例外职位是
左上角，顶部中心，右上角
左中心，中心，右中心
左下角，中下角，右下角

例如，我有一个主图像，现在我将另一个图像放在它的底部中心。

这在jQuery中是否可行？

Answer 1

用户.offset()方法获取图片的位置。明确使用.offset().top或.offset().left来获得左上角坐标。使用.width()和.height()来获取元素的宽度和高度。做一些高中数学，然后你去。瞧，你得到了正确的答案。

Answer 2

尝试使用getBoundingClientRect()进行试验。

var foo = bar.getBoundingClientRect();

您可以使用返回的变量foo动态设置某个位置。

foo.left, foo.right, etc.

Mdn for the api

Answer 3

请尝试 .position（）功能。 .position（）方法允许我们检索元素相对于偏移父项的当前位置。

 var div = $( "div ");
 var position = div.position();
 alert("left: " + position.left + ", top: " + position.top);