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

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

Версия 11:56, 6 июля 2023

988 байт убрано , 10 месяцев назад

→‎Создание SVG-панели

A.Degtyarev

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

16 244

правки

@@ Строка 43: / Строка 43: @@
 == Создание SVG-панели ==
-[[Image: Inkscape SVG-Dashboard Autoscale.png |350px|thumb|right| Настройка ширины и высоты дашборда в редакторе Inkscape ]]
 Создайте новую SVG-панель:
-# Перейдите в раздел '''Dashboards''' → '''List'''.
+# Перейдите в раздел '''Панели''' → '''Список'''.
-# В разделе '''SVG Dashboards''' нажмите кнопку '''Add''', откроется страница '''New SVG Dashboard'''.
+# В разделе '''SVG панели''' нажмите кнопку '''Добавить''', откроется редактор привязок.
-# Выберите файл с svg-изображением и нажмите кнопку '''Upload'''.
+# Нажмите кнопку '''Загрузить SVG''' и выберите файл с SVG-изображением..
 После загрузки изображение отобразится на открытой странице:
 # Укажите связи и поведение svg-элементов с помощью [[#Редактор связей| редактора связей]].
-# Сохраните изменения и посмотрите результат, для этого нажмите на кнопку '''View dashboard'''.
+# Сохраните изменения и посмотрите результат, для этого нажмите на кнопку '''Демонстрация'''.
-Не забудьте указать в полях '''ID''' и '''Name''' уникальный ID новой панели и имя.
+Не забудьте указать в полях '''Идентификатор''' и '''Название''' уникальный ID новой панели для машины и имя для людей.
-Если нужно вписать дашборд в размер окна браузера, то можно использовать один из двух способов:
+Опция '''Растягивать во весь экран''' впишет панель в свободное пространство.
-# Опция в настройках дашборда '''Full width''' растянет изображение по всю ширину.
-# Прописать размеры в SVG-файле. В Inkscape это можно сделать так:
-#* Выберите на верхней панели '''Посмотреть и изменить XML-дерево документа''' (Меню '''Edit''' - '''XML editor'''), справа появится редактор XML.
-#* Выделите самый первый тег '''<svg>''' и измените значение атрибутов width и height: <code>width: auto; height:80vh </code>.
-#* Сохраните документ.
-Мы рекомендуем второй способ, так как он позволяет подстраивать автоматически не только ширину, но и высоту рисунка.
 == Синтаксис ==