jvectormap плавное увеличение и уменьшение по клику

Question

Кто-нибудь знает, возможно ли сделать увеличение в jvectormap с какой-то анимацией, как более плавное погружение, и если да, то как я могу продолжить? Я искал это в течение всего дня, и я не могу поверить, что никто еще не искал этого, поскольку я думаю, что это будет иметь большое значение для уже потрясающего плагина. Я пытаюсь использовать функцию анимации jquery, но она не работает с SVG, если я не использую плагин raphael. Я не могу использовать его, поскольку мне действительно нужно использовать функциональные возможности маркеров jvectormap, и я, к сожалению, не могу объединить два плагина.

Любая помощь очень ценится.

Спасибо, Джефф

Answer 1

Да, это возможно.

Масштаб происходит, когда элемент группы svg (тег g под тегом svg) имеет новые значения для масштабирования и перевода. Эти значения задаются как атрибут html. Если вы установите эти значения как атрибуты css, вы можете анимировать его с помощью css-переходов.

Я пробовал на консоли firefox. Он работает очень хорошо.

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

Этот метод может не работать в старых браузерах, поскольку они не поддерживают преобразование. Вы можете подумать о проверке поддержки преобразования и перехода и применить свою реализацию только тогда, когда она поддерживается.