Модуль Планы предназначен для создания динамических графических интерфейсов на базе векторных изображений в формате SVG. Изначально предполагалось, что в качестве базовых изображений будут использоваться планы домов/квартир, однако, вы можете работать с любыми изображениями для создания уникальных динамичных интерфейсов.
Основые возможности модуля:
* Работа с исходным изображением в формате SVG
* Установка стилей отображения отдельных элементов изображения по заданным условиям (показать/скрыть, прозначность, анимация и т.п.)
* Установка реакции на нажатия на отдельные элементы изображения (запуск метода, кода, открытие меню, окна и т.п.)
* Динамичные шаблоны текстовых элементов (авто-подстановка значений по данным из системы)
* Использование готовых интерактивных компонентов
* Обновление состояния всех элементов в реальном времени (технология websockets)
* Интерфейс "зумирования" Плана (отключаемо)
* Автоматическое изменение масштаба Плана под размер экрана (отключаемо)
* Отдельная ссылка для просмотра Плана
* Встраивание Плана в другие типы интерфейсов (сцены, меню и т.п.)
* Неограниченное количество Планов
Подробное описание по ссылке: https://kb.mjdm.ru/plans_help/
Страница проекта в CONNECT: https://connect.smartliving.ru/tasks/405.html
Делитесь своими результатами в этой ветке форума
Рецепты
Создание выпадающего меню
Отображение слоя в зависимости от масштаба/увеличения
Вращающийся элемент (вентилятор)
Управление светом через затемнение области
Создаем планы в Inskape (видео)
Примеры планов.
План управление отоплением и освещением (выпадающее меню, кнопки, взаимодействие)
План с отображением данных от devoff
Полезное
Онлайн оптимизатор SVG файлов SVGOMG
