Суть: есть некий редактор плана этажа. Представляет собой SVG холст, где "план" - это base64-закодированная картинка, вставленная в SVG. Юзер может мышкой рисовать полигоны или прямоугольники, перетягивать-копировать-удалять их.
Заказчик захотел все это дело подружить c Leaflet. Вроде просто все - делаю
this.svg = d3.select(this.map.getPanes().overlayPane).append('svg')
Но еще ведь зум! Нахожу примеры, где фигуры добавляются на холст через geoJSON. Но у меня ничего такого нет, у меня фигуры рисует пользователь! Есть отдельный конструктор для полигона, для прямоугольника.
Я ищу способ повесить на весь холст какой-нибудь обработчик, который будет его уменьшать-увеличивать. Как это проделать, есть примеры? Вроде ничего сложного, но найти не получается.
Простыня кода -
jsfiddle.net/gqwr5pma