|
<< Click to Display Table of Contents >> Navigation: Создание окон для клиента визуализации > Рекомендации по созданию окон > Динамизация SVG элементов > Импорт SVG в среду разработки MasterSCADA 4D > Импорт без XML файла |
Если XML файла с описанием параметров для динамизации нет, их можно добавить самостоятельно.
Вид окна Импорт SVG с параметризацией, если XML файл с описанием отсутствует:

В поле Дерево элементов видно из каких частей состоит SVG.
Для добавления параметра, который можно будет динамизировать, нужно нажать на кнопку Добавить параметр.
В таблице появится строка, в которой можно выбрать ID элемента, атрибут и указать произвольное имя, которое будет отображаться в панели свойств:

В выпадающем списке ID элемента SVG будут отображаться список составных частей элемента, которые были предусмотрены во время разработки SVG:

После выбора какого-либо ID, в поле Список атрибутов выбранного элемента SVG появится список атрибутов, которые характерны этой части SVG и были заданы разработчиком:

Выпадающий список Атрибут элемента SVG содержит следующие строки:

Название |
Назначение |
fill |
Определяет цвет заливки части SVG |
stroke |
Определяет цвет контура части SVG |
height |
Определяет ширину части SVG |
width |
Определяет высоту части SVG |
В списке отображаются самые популярные атрибуты.
Если атрибут отсутствует в списке, его можно добавить вручную. При клике мышью в поле атрибута появляется курсор и можно ввести любое значение атрибута, который может быть использован для выделенного типа фигуры (соответствие фигур и их атрибутов прописаны в стандарте SVG). Поддержаны все атрибуты стандарта SVG. (Рекомендуется ознакомиться с информацией на сайте https://developer.mozilla.org/ru/docs/Web/SVG/Attribute
После нажатия на кнопку Применить в панели свойства появятся свойства, имена которых будут определены в таблице Имя параметра

Важно! Если не получается динамизировать какой-либо атрибут для какого-либо ID, то возможно этот атрибут не поддерживается для таких фигур. Если ID присвоено сложной фигуре, то возможно ее стоит разделить на несколько более простых и каждой присвоить свой ID. Для работы с SVG элементами нужно знать основы стандарта SVG.
Смотрите также: