SVG-Dashboards: различия между версиями
Строка 273: | Строка 273: | ||
#:Так как изменение стиля элемента может происходить только по условию, в котором участвует значение из MQTT топика, то мы выбрали топик '''CPU Temperature''' и задали условие '''>20'''. Это значит, что анимация будет работать, только когда значение топика '''CPU Temperature''' больше 20. | #:Так как изменение стиля элемента может происходить только по условию, в котором участвует значение из MQTT топика, то мы выбрали топик '''CPU Temperature''' и задали условие '''>20'''. Это значит, что анимация будет работать, только когда значение топика '''CPU Temperature''' больше 20. | ||
#Сохраним дашборд и перейдем в просмотр. | #Сохраним дашборд и перейдем в просмотр. | ||
== | == Добавление внешних ссылок == | ||
[[Image: svg-hyperlink.png |300px|thumb|right| Создание ссылки в Inkscape ]] | |||
[[Image: svg- | |||
Переход по внешним ссылкам задаётся на этапе создания картинки в редакторе Inkscape. | |||
Создавать гиперссылки так: | Создавать гиперссылки так: | ||
# Выбрать элемент, который будет служить ссылкой, далее в контекстном меню Создать ссылку (hyperlink). | # Выбрать элемент, который будет служить ссылкой, далее в контекстном меню Создать ссылку (hyperlink). | ||
# Вставить в открывшееся поле ссылку | # Вставить в открывшееся поле ссылку. | ||
# Сохранить | # Сохранить. | ||
Теперь остаётся загрузить рисунок в контроллер и проверить. | |||
== Полезные ссылки и материалы == | == Полезные ссылки и материалы == |