16 281
правка
SVG-Dashboards: различия между версиями
м
Добавил пример панели
м (→Write) |
м (Добавил пример панели) |
||
| Строка 1: | Строка 1: | ||
{{DISPLAYTITLE: SVG-панели (Dashboards)}} | {{DISPLAYTITLE: SVG-панели (Dashboards)}} | ||
[[Image: SVG-Dashboard | [[Image: SVG-Dashboard Example.png|800px|thumb|right| Пример SVG-панели]] | ||
{{Draft}} | {{Draft}} | ||
== Введение == | == Введение == | ||
| Строка 86: | Строка 86: | ||
== Редактор связей== | == Редактор связей== | ||
[[Image: SVG-Dashboard Editor.png |600px|thumb|right| Редактор SVG-панели]] | |||
Чтобы связать svg-элемент изображения со значениями или событиями, выберите его мышкой. После этого рядом с изображением отобразятся поля настройки поведения элемента. | Чтобы связать svg-элемент изображения со значениями или событиями, выберите его мышкой. После этого рядом с изображением отобразятся поля настройки поведения элемента. | ||
| Строка 110: | Строка 111: | ||
=== Write === | === Write === | ||
[[Image: Interaction with SVG-Dashboard elements.gif|366px|thumb|right| Интерактивные элементы | [[Image: Interaction with SVG-Dashboard elements.gif|366px|thumb|right| Интерактивные элементы]] | ||
Реакция на клик пользователя по элементу изображения. Доступно два состояния ON и OFF. При клике пользователя на элементе, значение в MQTT-топике будет меняться на противоположное. | Реакция на клик пользователя по элементу изображения. Доступно два состояния ON и OFF. При клике пользователя на элементе, значение в MQTT-топике будет меняться на противоположное. | ||