Масштабирование элемента без изменения размера элемента

Question

Например; если у меня был график холста с плавающей точкой, и я хотел иметь возможность просматривать крупным планом одну из областей, я хочу иметь возможность увеличивать масштаб в определенной области и иметь полосу прокрутки для горизонтального и вертикального панорамирования, чтобы можно было просматривать каждый раздел , Возможно ли это?

Answer 1

Возможно, вы захотите использовать CSS-свойство zoom.Вот небольшой пример этого в действии.

Что касается полос прокрутки, вы можете попробовать поместить увеличенный элемент в родительский элемент, для которого установлено overflow: scroll;.

Надеюсь, это поможет.

Answer 2

Все возможно, но flot не поддерживает это само по себе.Лучше всего было бы использовать встроенные в flot функции панорамирования и масштабирования (через плагин navigate), но тогда для полос прокрутки вам, возможно, придется наложить несколько поддельных полос прокрутки (возможно, используя div с overflow:scroll, как предложило @ Wolfy87) и подключите их к графику с плавающей точкой.

Flot вызывает события plotpan и plotzoom при перемещении графика, поэтому вы можете использовать их для синхронизации полос прокрутки.

Я не видел, чтобы кто-то делал это раньше, поэтому я не могу указать вам пример.Но код не кажется неразумным, чтобы соединить.