Интерактивные поэтажные планы на Konva.js
В PDP прокачали работу с планами: сделали интерактивные поэтажные схемы на canvas через Konva.js. Теперь это рабочий инструмент с контурами помещений, маркерами замечаний, осями и отметками.

В PDP мы прокачали работу с планами: сделали интерактивные поэтажные схемы на canvas через Konva.js. Теперь это не просто картинка из чата “скинь план плиз”, а рабочий инструмент: контуры помещений, маркеры замечаний, оси, отметки — всё живое и кликабельное.
Что сделали:
- загружаем изображение плана и размечаем его прямо в интерфейсе;
- привязываем дефекты к конкретным точкам на плане, без магии “где-то тут у стены”;
- поддержали типовой этаж как шаблон: один раз разметили — и это распространяется на все идентичные этажи.
По сути, убрали ручной дублирующий труд и снизили шанс человеческого “ой, не тот этаж”. На фоне тренда на цифровизацию стройки и proptech это уже не nice-to-have, а база.
Konva.js тут зашёл как надо: canvas остаётся быстрым, а UX — понятным даже без онбординга на полдня.