CSS3，ZOOM + PAN（谷歌地圖樣式）

我需要放大和PAN一個div元素與CSS3
與混合縮放和平移的能力，
所以你可以例如放大，平移，放大一些，平移，縮小等CSS3，ZOOM + PAN（谷歌地圖樣式）

變焦功能已在此胎面解決： CSS3 zooming on mouse cursor
有絕對精彩的回答！這裏： CSS3 zooming on mouse cursor

現在的問題是：如何結合PANNING和ZOOMING（從上面的答案）？

到目前爲止，我嘗試使用jQuery UI拖動http://jqueryui.com/draggable/ 這樣的：

<div id="graphics"> 
$("#graphics").draggable(); 
$("#graphics").draggable('enable');

但「跳躍」當我開始拖動當它放大的圖像。

我覺得一個好的答案，這個可以幫助不少人，因爲這是很基本的功能，但有相當廣泛的搜索後，我能找到在網絡上沒有它的解決方案！

2014-02-07 Wojciech

解決它:)它實際上是令人驚訝的簡單！＃圖片必須有：「位置：相對」而不是「位置：絕對」 – Wojciech

您可以回答並接受您的問題，因此請務必將您的評論添加爲正確答案，以便問題得到解決/關閉 –

解決它:)它實際上是令人驚訝的簡單！＃圖片必須有：「位置：相對」而不是「位置：絕對」

2014-03-22 21:29:52 Wojciech

回答