16 244
правки
SVG-Dashboards: различия между версиями
Нет описания правки
Matveevrj (обсуждение | вклад) |
|||
| Строка 261: | Строка 261: | ||
#:Так как изменение стиля элемента может происходить только по условию, в котором участвует значение из MQTT топика, то мы выбрали топик '''CPU Temperature''' и задали условие '''>20'''. Это значит, что анимация будет работать, только когда значение топика '''CPU Temperature''' больше 20. | #:Так как изменение стиля элемента может происходить только по условию, в котором участвует значение из MQTT топика, то мы выбрали топик '''CPU Temperature''' и задали условие '''>20'''. Это значит, что анимация будет работать, только когда значение топика '''CPU Temperature''' больше 20. | ||
#Сохраним дашборд и перейдем в просмотр. | #Сохраним дашборд и перейдем в просмотр. | ||
== Как сделать многостраничную HMI панель == | |||
[[Image: svg-hyperlink.png |300px|thumb|right| Создание ссылки в Inkscape ]] | |||
Надо нарисовать каждую страницу отдельно и связать их между собой гиперссылками. | |||
Создавать гиперссылки так: | |||
1. Открыть панель, на которую надо сослаться в веб-интерфейсе контроллера. | |||
2. Скопировать URL из адресной строки браузера. | |||
3. Выгрузить панель, откуда надо сослаться и открыть её в Inkscape. | |||
4. Выбрать элемент, который будет служить ссылкой, далее в контекстном меню Создать ссылку (hyperlink). | |||
5. Вставить в открывшееся поле ссылку, которую копировали на втором шаге. | |||
6. Сохранить рисунок и загрузить его обратно в контроллер. | |||
== Полезные ссылки и материалы == | == Полезные ссылки и материалы == | ||