Как создать графическую форму?

Question

[Yura]

Мне нужно создать графическую форму резервации столов. У нас есть зал, с заданной длиной и шириной и расположение столов там, стол может быть овальным или прямоугольным. нужно отобразить эти столы и при клике выбрать его.
как это можно сделать?

Comments

[Андрей Федоров]

Система резервирования - это не просто графическая форма. Это бэкэнд, который отрабатывает то, что пользователь выбрал на фронте. Вы хотите, чтобы за вас написали систему резервирования столов? А так-то ничего сложного тут нет - помещение - блок div с определенными размерами, столы - дочерние блоки div или лучше label, привязанные к соответствующим input type="checkbox".

[Yura]

как раз таки я бэкэндер, а во фронте не разбираюсь

[Yura]

Андрей Федоров, был бы очень благодарен, если бы помогли это написать

[Андрей Федоров]

Yura, простите, за бесплатно не готов.

Answer 1

[Rsa97]

Рисуете свой зал со столами в SVG, каждый стол отдельным path. Вставляете эту картинку на страницу и работаете с элементами так же, как с обычными html, привязываете обработчики событий, прописываете стили, меняете классы и т.д.

Answer 2

[Ilya Olovyannikov]

Например вот так:
https://olovyannikov.github.io/easy-js-features/mo...
https://github.com/Olovyannikov/easy-js-features/t...