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