如何在jQuery中获取图像的当前位置?

时间:2009-05-19 21:36:32

标签: jquery dom

我一直在开发一个具有背景的图像处理脚本,用户可以将一个或多个图像上传到该背景上。我希望用户能够在BG上拖动和移动,最后他们可以生成最终图像。但是,我不知道如何在BG上获得可拖动图像位置的位置。我一直在寻找互联网和电子书,但没有任何线索。请告诉我一些方法,我会等待您的宝贵回复。

2 个答案:

答案 0 :(得分:13)

看看position()

var pos = $("#myimage").position(); // returns an object with the attribute top and left
pos.top;  // top offset position
pos.left; // left offset position

答案 1 :(得分:0)

你说过两件事:

  1. 您希望将图片保留在后台
  2. 您希望能够在父元素中调整其位置。
  3. 所以你应该将图像设置为父div的“背景图像”,并使用“background-repeat:no-repeat”。

    图像的位置可以通过“background-position”属性来控制。

    当然,可以使用父div中的替代实现,并使用“position:absolute”和“position:relative”的巧妙相互作用,但我已经看到如果图像是图像的重新定位更平滑背景,而不是图像作为一个。

    希望有所帮助。

    欢呼,jrh