translator, wb_editors
4218
правок
SVG-Dashboards: различия между версиями
→Анимация элементов SVG-панели
Matveevrj (обсуждение | вклад) |
Matveevrj (обсуждение | вклад) |
||
| Строка 210: | Строка 210: | ||
==Анимация элементов SVG-панели== | ==Анимация элементов SVG-панели== | ||
[[ | [[Файл:animation-svg.gif |350px|thumb|right| Пример анимации элемента SVG-панели ]] | ||
Элементы SVG-панели можно анимировать с помощью CSS. | Элементы SVG-панели можно анимировать с помощью CSS. | ||
| Строка 260: | Строка 260: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
#:Так как изменение стиля элемента может происходить только по условию, в котором участвует значение из MQTT топика, то мы выбрали топик '''CPU Temperature''' и задали условие '''>20'''. Это значит, что анимация будет работать, только когда значение топика '''CPU Temperature''' больше 20. | #:Так как изменение стиля элемента может происходить только по условию, в котором участвует значение из MQTT топика, то мы выбрали топик '''CPU Temperature''' и задали условие '''>20'''. Это значит, что анимация будет работать, только когда значение топика '''CPU Temperature''' больше 20. | ||
#Сохраним дашборд и перейдем в просмотр. | #Сохраним дашборд и перейдем в просмотр. | ||
== Полезные ссылки и материалы == | == Полезные ссылки и материалы == | ||