Question

我在这里有一个问题：http://jsfiddle.net/thindery/ZHhBR/

我需要能够抓取源图像可视区域的坐标并在跨度中显示它。

以下是显示可视区域坐标的示例：http://thindery.com/jsfiddle/crop_move.html

在此示例中，放大并平移后，您可以看到四个不同的坐标更新如下：（x，y）（x1，y1）

jQuery是否提供此功能，以便我可以在jsfiddle示例中实现它？

Answer 1

我真的找不到从该插件获取坐标的好方法，所以我只是使用了jQuery解决方案：

$(document).ready(function() {
    var iv2 = $("#viewer2").iviewer({
        src: "http://thindery.com/jsfiddle/butterfly.jpg",
        onDrag: function() {
            var pos = $("img","#viewer2").position();
            $("#status").html('X : '+Math.abs(pos.left)+'<br>Y :'+Math.abs(pos.top));
        }
    });
});

FIDDLE

获取可视图像区域的坐标

1 个答案: