Как сделать интерактивную картинку на сайт?

Question

[7896467]

Добрый день! Подскажите как сделать аналог такой картинки как здесь: planner5d.com чтобы можно было добавлять и перемещать объекты или в какую сторону двигаться?

Answer 1

[Wynell_ru]

Я бы посмотрел в сторону HTML5 canvas.

Есть также библиотеки для работы с 2D графикой (например, PixiJS) и 3D графикой (например, ThreeJS) - и они тоже используют canvas.

Comments

[7896467]

Спасибо

Answer 2

[Сергей П]

В данном случае всё реализовано на SVG:

Причем подложка с комнатами отдельно, объекты вроде мебели отдельно. Всё будербродом лежит на странице и управляется яваскриптом.

Comments

[7896467]

Спасибо