我在这里解决了这个问题:http: //jsfiddle.net/thindery/ZHhBR/
我需要能够获取源图像可视区域的坐标并将其显示在跨度中。
这是我通过显示可视区域的坐标来表示的示例:http: //thindery.com/jsfiddle/crop_move.html
在此示例中,放大并平移后,您可以看到四个不同的坐标更新如下: (x,y)(x1,y1)
jQuery 是否提供此功能以便我可以在 jsfiddle 示例中实现它?
我在这里解决了这个问题:http: //jsfiddle.net/thindery/ZHhBR/
我需要能够获取源图像可视区域的坐标并将其显示在跨度中。
这是我通过显示可视区域的坐标来表示的示例:http: //thindery.com/jsfiddle/crop_move.html
在此示例中,放大并平移后,您可以看到四个不同的坐标更新如下: (x,y)(x1,y1)
jQuery 是否提供此功能以便我可以在 jsfiddle 示例中实现它?
我真的找不到从该插件获取坐标的好方法,所以我只使用了 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));
}
});
});