16 284
правки
(Отметить эту версию для перевода) |
|||
(не показаны 4 промежуточные версии этого же участника) | |||
Строка 42: | Строка 42: | ||
<!--T:10--> | <!--T:10--> | ||
Вы можете выводить информацию в любые текстовые элементы и настраивать взаимодействия с любыми фигурами и текстом. | Вы можете выводить информацию в любые текстовые элементы и настраивать взаимодействия с любыми фигурами и текстом. | ||
Все панели хранятся в файле <code>/etc/wb-webui.conf</code>, который загружается на компьютер пользователя в хранилище браузера LocalStorage. Это хранилище, в зависимости от браузера, имеет ограниченный размер до 4 Мбайт. При превышении размера вы получите ошибку загрузки панели в редактор. Поэтому важно следить за суммарным размером SVG-рисунков. В реальной жизни, если рисовать панели в Inkscape и не размещать в них растровую графику и сложные градиенты, то рисунки получаются компактные — десятки или сотни килобайт, поэтому большинство пользователей с такой проблемой не столкнутся. | |||
==== Релиз wb-2307 и новее ==== <!--T:11--> | ==== Релиз wb-2307 и новее ==== <!--T:11--> | ||
Строка 88: | Строка 90: | ||
<!--T:21--> | <!--T:21--> | ||
Опция '''Растягивать во весь экран''' впишет панель в свободное пространство. | Опция '''Растягивать во весь экран''' впишет панель в свободное пространство. | ||
Статья по теме: [https://habr.com/ru/companies/wirenboard/articles/765232/| Делаем HMI-панель из планшета для системы автоматизации на контроллере Wiren Board]. | |||
== Синтаксис == <!--T:22--> | == Синтаксис == <!--T:22--> | ||
Строка 228: | Строка 232: | ||
* stroke — цвет обводки; | * stroke — цвет обводки; | ||
* stroke-width — толщина обводки; | * stroke-width — толщина обводки; | ||
* stroke-dasharray — вид пунктирной обводки, задается в единицах длины или процентах | * stroke-dasharray — вид пунктирной обводки, задается в единицах длины или процентах; | ||
* stroke-opacity — непрозрачность обводки, значения от 0.0 до 1.0 или в процентах. | * stroke-opacity — непрозрачность обводки, значения от 0.0 до 1.0 или в процентах; | ||
* pointer-events:none — отключить клик. | |||
<!--T:51--> | <!--T:51--> | ||
Строка 245: | Строка 250: | ||
(val > 20) ? 'stroke: red; stroke-width:2px; stroke-dasharray:2,1' : '' | (val > 20) ? 'stroke: red; stroke-width:2px; stroke-dasharray:2,1' : '' | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Стиль для группы элементов задать не получится, но иногда это нужно, например при задании стиля для значка. В этом случае надо объединить элементы значка в одну фигуру: | |||
# Разгруппировать все элементы: контекстное меню '''Разгруппировать'''. | |||
# Далее '''Контур''' → '''Объединить'''. | |||
Теперь можно задавать стиль. | |||
== Редактирование == <!--T:54--> | == Редактирование == <!--T:54--> |