Возможно ли это: Zoomable SVG Image Map

Question

Я хотел бы сделать очень большой SVG, который является одновременно КЛИКБЕЛЬНОЙ картой изображений и МАСШТАБИРУЕМЫМ. Если я понимаю спецификации html5, оба они кажутся возможными, но никто не упоминает об их использовании вместе. Есть ли там примеры?

Я не хочу использовать jquery и jpg / png, потому что я хотел бы придерживаться SVG. Любые выводы будут с благодарностью.

Спасибо!

Answer 1

Как говорит пользователь785194, вам не нужно использовать HTML5, вы можете сделать это изначально в SVG - вы можете сделать все это с помощью EMCAScript внутри самого SVG.Я написал подробное описание того, как это сделать здесь: http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control

Answer 2

Спецификации HTML5 не актуальны - вам нужны спецификации svg.Начните с учебника с

http://www.petercollingridge.co.uk/data-visualisation/introduction-svg-scripting-interactive-map

Для масштабирования найдите атрибут transform.Я не видел ни одного примера кода с виджетом увеличения.Конечно, вы всегда можете увеличить масштаб в браузере.