0

私はここで問題の実用的なフィドルを持っています:http://jsfiddle.net/thindery/ZHhBR/

ソース画像の表示可能領域の座標を取得して、スパンに表示できるようにする必要があります。

表示可能領域の座標を表示することの意味の例を次に示します。http://thindery.com/jsfiddle/crop_move.html

この例では、ズームインしてパンすると、次のような4つの異なる座標の更新を確認できます。(x、y)(x1、y1)

jQueryはこの機能を提供するので、jsfiddleの例で実装できますか?

4

1 に答える 1

2

I could'nt really find a good way to get the coordinates from that plugin, so I just used a jQuery solution instead:

$(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

于 2012-07-24T20:14:56.983 に答える