Есть ли библиотеки для рисования плана помещения на JS?

Question

[Оптимус Пьян]

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

Но хотелось бы как-то разметить например угловые и внутренние точки что бы не рисовать каждое помещение с нуля. И потом что бы подсветку этих комнат при наведении в CSS можно было сделать.

Comments

[Dark Hole]

Вам нужно просто прямоугольники? canvas, не?

[Оптимус Пьян]

Dark Hole: Да, допустим canvas, только мне к нему ещё генератор нужен что бы например указал крайние точки и места разделителей а помещение он сам нарисовал

Answer 1

[Pavel K]

Ну так SVG в помошь.

Comments

[Sergei Nazarenko]

или canvas

[Оптимус Пьян]

Sergei Nazarenko: Ну да, при этом я спрашиваю о надстройке, библиотеке, редакторе что бы не рисовать в SVG или canvas каждый раз всё вручную с нуля, а лёгким движением руки провести несколько линий как в фотошопе например и готово

Answer 2

[Risent Veber]

Что-то похожее умеет делать leafletjs.com, по крайней мере я видел, как эту библиотеку использовали для подобных целей. Также есть openfloorplan.org и d3-floorplan.

Answer 3

[Pavel O]

Если не лень то покапайся в коде этой странички. Тут реализовано примерно то самое.

картинка подложка, активные области организованы через map area + jquery svg (keith-wood.name/svg.html)
lev12.ru/arenda
или

полностью svg (активные элементы удобно если будут в отдельном слое) + jquery svg (keith-wood.name/svg.html)
tsap.spb.ru/avtostoyanka

Answer 4

[Дмитрий Дарт]

Вам надо что-то типа: https://roomstyler.com/3dplanner но там нет возможности экспорта для веб страницы.
А так много решений на https://d3js.org основаны, посмотрите его.
Ещё гляньте
https://www.mapbox.com/developers/
openlayers.org/en/latest/examples