Описание тега svgpanzoom

Библиотека JavaScript, которая обеспечивает панорамирование и масштабирование SVG в документе HTML с помощью событий мыши или пользовательских обработчиков JavaScript.
0 ответов

Как удалить событие Pan Zoom в элементах, отличных от контейнера svg?

Я использую библиотеку ANVAKA UNIVERSAL PANZOOM, масштабирование с помощью мыши или прокрутки, щелчок и перетаскивание отлично работают с моим SVG... Но мой SVG занимает все тело и имеет элементы сверху этого тела с индексом больше, чем у контейнера…
28 июн '18 в 02:38
0 ответов

element.contentDocument имеет значение null при попытке доступа к svg-файлу из данных. Работает нормально, когда я использую относительный путь

У меня есть особое требование, чтобы выбрать сложный SVG из местоположения, используя object data="file:/c:/test.svg" и есть варианты масштабирования. Этот SVG внутри имеет другие png из того же места. Работает нормально, когда я даю относительный п…
23 апр '18 в 03:04
1 ответ

Как предотвратить svg перетащить на конкретный элемент?

Я использую фантастический плагин svg-pan-zoom ( https://github.com/ariutta/svg-pan-zoom) для панорамирования / масштабирования моего элемента svg, я хочу включить перетаскивание мышью, чтобы позволить перемещать его. У меня есть один элемент внутри…
22 ноя '15 в 11:17
1 ответ

angular2 svgPanZoom, окно не определено, проблема с веб-пакетом?

Я хотел бы реализовать функцию масштабирования на моем веб-сайте, на котором отображается изображение SVG. Я видел эту библиотеку github.com/ariutta/svg-pan-zoom который предоставляет именно те функции, которые мне нужны, Однако я не могу заставить …
1 ответ

Есть ли способ получить уровень масштабирования в SVG?

Есть ли функция, которая возвращает уровень масштабирования? Или как вы можете получить уровень масштабирования с помощью onZoom? Я хотел бы добавить / скрыть некоторые определенные элементы в SVG, когда уровень масштабирования достигает определенно…
30 мар '17 в 16:38
1 ответ

Начать новый центр при загрузке SVG Pan Zoom

Чтобы изменить положение SVG с помощью SvgPanZoom, нужно использовать panZoomInstance.pan({x: *value*, y: *value*}); Но это заставляет SvgPanZoom первоначально перемещать SVG из центра в новую позицию, так как он по умолчанию сначала помещает SVG в …
30 май '18 в 09:39
0 ответов

Как включить событие "панорамирование" в scopeContaner для сенсорных устройств - Просмотр миниатюр в формате SVG

Я использую отличный плагин svg-pan-zoom ( https://github.com/ariutta/svg-pan-zoom). Я реализовал Thumbnail Viewer, как если бы он был найден в демонстрационной версии ( http://ariutta.github.io/svg-pan-zoom/demo/thumbnailViewer.html). События щелчк…
17 ноя '18 в 23:36
1 ответ

Как я могу включить колесо мыши, чтобы я мог увеличить + и - с помощью плагинов JQuery (Panzoom + круговой слайдер)

Как я мог включить прокрутку мыши. Я использую в своем проекте библиотеку под названием CircleSlider.js (Вы можете прочитать больше об этом здесь) и jquery.panzoom-1.7.0, Итак, я сделал полукруг, в котором я мог увеличивать (+) и уменьшать (-), пере…
07 апр '16 в 08:57
2 ответа

svgPanZoom: только панорамирование с помощью средней кнопки мыши

Есть ли простой способ панорамирования только при нажатии средней кнопки мыши? Поведение по умолчанию - панорамирование любой нажатой кнопки мыши (или любых касаний). beforepan выглядело многообещающе, но вы получаете только старую и новую позицию, …
08 дек '16 в 13:38
1 ответ

Исключить элемент из масштабирования с помощью SvgPanZoom

У меня есть SVG и в нем много элементов. У меня также есть всплывающий элемент, который отображается при нажатии элемента. Когда я увеличиваю SVG, всплывающее окно не должно быть увеличено. Как я могу предотвратить увеличение этого всплывающего окна…
08 авг '18 в 06:55
1 ответ

SVG-Pan-Zoom на DOM Object тег не работает

У меня есть <object> где я загружаю внешний файл SVG: <object type="image/svg+xml" data="system.svg" id="Graph_Container" class="GraphContainmentArea"> Your browser does not support SVG </object> Я использую функции SVG для панорам…
06 окт '14 в 16:54
0 ответов

Потеря масштаба / панорамирования при смене источника SVG

Я использую svg-pan-zoom ( https://github.com/ariutta/svg-pan-zoom/) для отображения SVG на моей странице angularJS: <object id="svgElement" type="image/svg+xml" data="../SVG/{{currentLanguage}}/{{currentCartography}}.svg"> It seems your brows…
08 апр '15 в 15:20
1 ответ

svg-pan-zoom не работает 100% времени

Я использую библиотеку svg-pan-zoom ( https://github.com/ariutta/svg-pan-zoom), и она работает около 75% времени на странице моего сайта (как в Chrome, так и в Firefox, последняя версии). Поскольку я предполагаю, что это связано с некоторой неверной…
28 июн '16 в 11:12
0 ответов

Добавьте svg-pan-zoom к диаграмме визуализации Google

В настоящее время я работаю над проектом, где мне нужно иметь возможность масштабировать / панорамировать диаграмму Google, когда на мобильном телефоне. Я могу увеличивать и перемещать изображение в браузере благодаря опции проводника, которую предл…
04 дек '18 в 21:27
1 ответ

Перемещение к определенным координатам X и Y и центру изображения svg-pan-zoom

Я использую библиотеку ariutta svg-pan-zoom ( https://github.com/ariutta/svg-pan-zoom). Я пытаюсь выполнить панорамирование определенной формы в точке (x:1000, y:20), когда пользователь нажимает кнопку. Я также хотел бы, чтобы изображение центрирова…
04 мар '15 в 11:15
1 ответ

Svg получает другой размер после применения svgPanZoom

Svg автоматически изменяет размеры, чтобы заполнить его контейнер столбца. После полной загрузки svgPanZoom применяется, и я заканчиваю с меньшим изображением: Если я добавлю высоту к контейнеру, он изменит свой размер, оставив пустые места с каждой…
13 июн '18 в 12:30
1 ответ

Динамически добавленные дочерние элементы к элементу svg-pan-zoom не выполняют панорамирование / масштабирование, но ранее добавленные элементы делают

Я создаю объект svg с помощью javascript, рисую базовый треугольник Серпинского, а затем устанавливаю объект svg как svg-pan-zoom. При масштабировании за порогом я пытаюсь перерисовать следующий уровень треугольников, который я вижу на экране, но он…
14 мар '17 в 02:57
2 ответа

SVG-PanZoom не работает, если контейнер скрыт

У меня есть экземпляр SVG-Pan-Zoom, встроенный в Tabbing-Component. Когда активная вкладка изменяется, предыдущая скрывается с display: none, После переключения на первую вкладку (которая снова отображается с display: block) экземпляр svgPanZoom нах…
20 мар '17 в 14:36
2 ответа

Можно ли загрузить svg-код вместо загрузки файла при использовании svg-pan-zoom?

Я использую svg-pan-zoom загрузить добавить увеличение и уменьшение масштаба на моем SVG. Но мой svg не хранится в файле, он генерируется через js. Я хотел бы добавить thumbnailViewer, в соответствии с их примером, они помещают svg внутри тега embed…
24 ноя '16 в 09:31
3 ответа

Используя svg.js и svg-pan-zoom, как я могу получить текущую центральную точку "области просмотра"?

Я использую svg.js и отличный плагин svg-pan-zoom ( https://github.com/ariutta/svg-pan-zoom). Теперь я хочу иметь кнопку, которая, когда я нажимаю на нее, рисует круг в текущей центральной точке области просмотра, которую я вижу (поэтому положение я…
13 фев '15 в 00:58