Как правильно и поудобнее сверстать план торгового центра из кучи павильонов?

Question

[CrewCut]

Есть вот такой план:



Как его удобно сверстать, учитывая что павильоны могут быть не только прямоугольные? Может есть какой-то сервис? Каждый павильон - отдельный элемент

Answer 1

[Тимур Калимуллин]

Попробуйте SVG, есть онлайн редактор https://svg-edit.github.io/svgedit/releases/svg-ed...

Answer 2

[mletov]

www.outsharked.com/imagemapster

Answer 3

[Dmitry Bay]

canvas?

Comments

[CrewCut]

как техника - да, отличный вариант. но работал с ними мало, верно ли думаю что придется вручную вырисовывать всё равно и нет сервиса-автоматизатора?

[Dmitry Bay]

CrewCut: а какой там автоматизатор то может быть?

[CrewCut]

Дмитрий Байчапанов: я вижу его как сервис с инструментами как в ФШ - прямоугольниками, кругами и прочим, чтобы из них рисовать нужную структуру

[Dmitry Bay]

CrewCut: дорого очень выходит для конечного пользователя такая штукенция.

Answer 4

[sim3x]

html - <map> берешь картинку, потом муторно создаешь area под все павильоны
svg - просто рисуешь в векторе, сохраняешь в svg потом разбираешься как стилизировать все внутри svg
canvas - тут придется искать себе фреймворк

Можешь помучаться и поискать
Начни например с https://planner5d.com/

Answer 5

[Cyber_bober]

Можно сделать из этого svg, подключить библиотеку raphael.js и все фигуры станут объектами, их можно анимировать, по ним можно кликать и тд и тп

Comments

[sim3x]

свг - xml документ и внутри него можно использовать стили также как и в html
рафаель - обертка для свг с поддержкой ие