SVG-Dashboards: различия между версиями

SVG-Dashboards (просмотреть исходный код)

Версия 10:42, 3 мая 2021

134 байта добавлено , 3 года назад

м

→‎Style

A.Degtyarev

Администраторы интерфейса, Администраторы

16 281

правка

@@ Строка 88: / Строка 88: @@
 * stroke-opacity — непрозрачность обводки, значения от 0.0 до 1.0 или в процентах.
-Цвета можно задавать словами <code>black, red, yellow и т.п.</code> или шестнадцатеричными значениями <code>#ffe680ff, #4f4f4dff и т.п.</code>.
+Цвета можно задавать именами <code>black, red, yellow и т.п.</code> или шестнадцатеричными значениями <code>#ffe680ff, #4f4f4dff и т.п.</code>.
-Изменим цвет элемента в зависимости от состояния реле:
+Изменим цвет элемента в зависимости от состояния реле, если в топике значение <code>1</code>, то закрашиваем объект желтым, иначе — серым:
 <pre>
 (val == 1) ? ';fill: yellow' : ';fill: gray'
 </pre>
-Сделаем так, чтобы при значении больше 20 обводка элемента стала красного цвета, пунктиром и толщиной 2px. При значениях меньше или равно 20 стиль элемента оставим менять не будем:
+Сделаем так, чтобы при значении больше 20 обводка элемента стала красного цвета, пунктиром и толщиной 2px. При значениях меньше или равно 20 стиль элемента оставим по умолчанию:
 <pre>
-(val  > 20) ? ';stroke: red; stroke-width:2px; stroke-dasharray:2,1' : ''
+(val  > 20) ? 'stroke: red; stroke-width:2px; stroke-dasharray:2,1' : ''
 </pre>