Как лучше сверстать?

Question

[Breeze1]

Добрый день. Есть сайт по онлайн бронированию билетов.

клик

По задумке дизайнера, секцию с бронированием можно увеличивать либо по клику на кнопки + - в верхнем левом углу. Либо зумом колёса на мышке, на телефоне соответственно через touch.

Кто-нибудь сталкивался с подобным ? Какие есть решения задачи ?

Answer 1

[Vadim Bogomazov]

Наскидку, что вспомнил.

1. Panzoom.
2. Зум svg, видео реализации. Но там без тача, насколько я вижу, нужно будет допиливать.

Answer 2

[Дмитрий Макаров]

svg накидать, добавить щепотку js
оно само скейлится и съежать не будет. Да и рисовать удобно

Comments

[Дмитрий Макаров]

На этом сайте попробуйте купить билеты и стрырьте оттуда svg и js
https://afisha.ykt.ru/

Answer 3

[nvdfxx]

Canvas для такого не проще юзать? Любую сцену можно будет отрисовать, просто скормив массив мест в функцию рендера. Плюс проблем с увеличением не будет, на кансвасе это легко делается