Как мы разработали интерактивную веб-схему для зрительных залов

[NikitchenkoSergey]

Спасибо за статью, я пару лет назад решал такую же задачу:
habr.com/ru/post/349886
У меня там тоже были проблемы с зумом и скролом, но на мой взгляд решил проблему интереснее:
В скрытом канвасе хранится копия всей схемы, только большего размера, и она обновляется только при изменении объектов. При зуме/скроле основной канвас очищается, и место отдельных мест на этот канвас накладывается снимок схемы. Это позволяет не мылить схему при зуме и не обрезать схему при скроле, вот пример: nikitchenko.ru/scheme-designer/examples
Кстати, это все в опенсорсе, можете пользоваться ;)

[SSul]

Спасибо) В нашем случае требовалось обеспечить плавный переход при зуме, поэтому выбрали такой вариант реализации

[jodaka]

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