7

мне нужно масштабирование и панорамирование в Div элемент с CSS3
с возможностью смешивать масштабирования и панорамирования,
, чтобы вы могли, например, увеличения масштаба, панорамирование, масштабирование в некоторых более, панорамирование, масштабирование и т.д. выходCSS3, ZOOM + PAN (Google Maps стиль)

УВЕЛИЧЕНИЕ был решаемые в этом протекторе: CSS3 zooming on mouse cursor
с абсолютно BRILLIANT ответ! здесь: CSS3 zooming on mouse cursor

Вопрос теперь: Как совместить PANNING с ZOOMING (из ответа выше)?

До сих пор я попытался с помощью JQuery UI перетаскиваемым http://jqueryui.com/draggable/ так:

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

но «прыгает», когда я начинаю перетаскивать изображение, когда оно увеличенный фрагмент.

Я думаю, что хороший ответ на этот вопрос может помочь немало людей , поскольку это довольно базовая функциональность и еще нет никакого решения для этого в Интернете, что я мог бы найти после довольно долгих поисков!

+1

Решено это :) Это было на самом деле удивительно просто! #графика должна иметь: «position: relative» вместо «position: absolute» – Wojciech

+4

Вы можете отвечать и принимать свои вопросы, поэтому не забудьте добавить свой комментарий как правильный ответ, чтобы вопросы были разрешены/закрыты –

ответ

1

Решил это :) Это было на самом деле удивительно просто! #графика должна иметь: «позиция: относительная» вместо «позиция: абсолютная»