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

Question

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

У меня есть один элемент внутри моего svg, где я хочу предотвратить перетаскивание, потому что он имеет событие щелчка и когда пользователь нажимает на него, иногда он перетаскивает элемент svg. Запрашиваемое поведение заключается в том, чтобы перетаскивать в качестве стандарта, за исключением случаев, когда мышь находится на этом элементе. Я уже пытаюсь с event.stopPropagation() и event.preventDefault(), но кажется, что плагин svg-pan-zoom имеет собственное управление событиями.

Как я могу предотвратить перетаскивание мышью?

Answer 1

1. Вы можете have 2 layers (если вам не нужно кастрюли/увеличивать этот элемент).

2. Или вы все равно можете держать все элементы увеличенными, но только some of them listening for events. Просто разместите все, что хотите прослушать события в одном элементе SVG Group <g>, и настройте его для прослушивания событий.

3. Последнее решение должно быть override default events для перетаскивания и записи собственных обработчиков.

Я бы порекомендовал вариант 1, если вам не нужен элемент для увеличения, или вариант 2 в противном случае.