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

Строка 92: Строка 92:


=== Импорт изображения ===
=== Импорт изображения ===
Теперь вставьте код картинки в Node-RED:
Функции импорта в ноде ''SVG graphics'' нет, поэтому мы просто скопируем содержимое нашего svg-файла и вставим его в специальное поле ноды:
# Откройте созданный выше svg-файл в текстовом редакторе и скопируйте содержимое вместе с тегами <code><svg></code>.
# Перейдите в настройки ноды '''SVG graphics''' и откройте вкладку '''SVG'''.
# Перейдите в настройки ноды '''SVG graphics''' и откройте вкладку '''SVG'''.
# Удалите весь текст и вставьте скопированное раньше содержимое svg-файла.
# Удалите весь текст и вставьте скопированное раньше содержимое svg-файла.
Строка 98: Строка 99:


Снова перейдите на страницу с панелью, теперь там должно появиться меню, кликните на него и выберите '''Tab 2'''.
Снова перейдите на страницу с панелью, теперь там должно появиться меню, кликните на него и выберите '''Tab 2'''.
 
<gallery mode="packed" heights="200px">
<gallery mode="packed" heights="250px">
Image: node-red-svg-dash-text-editor.png  | SVG-изображение в текстовом редакторе
Image: node-red-svg-dash-text-editor.png  | SVG-изображение в текстовом редакторе
Image: node-red-svg-dash-import.png | Импорт в ноду ''SVG graphics''
Image: node-red-svg-dash-import.png | Импорт в ноду ''SVG graphics''
Image: node-red-svg-dash-tab2.png | Меню с вкладками
</gallery>
</gallery>