Создание окон для клиента визуализации > Рекомендации по созданию окон > Динамизация SVG элементов > Требования к файлам

К общим требованиям к SVG при динамизации в MasterSCADA 4D можно отнести:

•SVG файл разрабатывается в стороннем графическом редакторе (например, Adobe Illustrator или Inkscape);

•Все элементы изображения должны входить в корневую группу (элемент g). Эта корневая группа должен иметь Id=”root”;

•Внутри корневой группы элементы должны быть сгруппированы в подгруппы для упрощения накладывания динамических фильтров. Требования по группировке должны быть оформлены в заданиях на конкретные элементы;

•У корневой группы должна быть возможность задавать стили, в соответствии с которыми меняется внешний вид всего контрола. Привязка стилей осуществляется через атрибут class корневой группы svg. Стили корневой группы могут комбинироваться (то есть одновременно могут применяться несколько классов от разных стилей). Названия классов должны быть осмысленными;

•Документ с SVG изображением должен иметь ширину/высоту по умолчанию( например, равные 200*500). Изображение должно полностью вписываться в область редактирования документа. По краям не должно быть пустых отступов;

•SVG может содержать в себе не одно цельное устройство, а несколько его частей. В этом случае все части должны иметь осмысленные Id, например:

- Ротор (вентилятор) - Rotor;

- Двигатель (мотор) - Motor;

- Инвертер - Inverter;

- Шкала (прогресс) - Bar.

•Id внутренних элементов контрола, к которым может быть предоставлен внешний доступ (то есть те, которые должны быть изменяемыми), должны быть осмысленными. Например, в контроле может быть текст, который прописан не в стиле, а в элементе SVG. Этот элемент должен иметь осмысленный Id для возможности программной обработки и программной смены данного атрибута в собственном редакторе. Другими словами - кастомизироваться программным путём должно всё логически осмысленное (цвета, текст и т.д.). Не все атрибуты элементов, а именно те, которые необходимо подстраивать в дальнейшем.

•Требования к Id для SVG:

Допустимо:

a.Должен начинаться с буквы (a-z A-Z)

b.После первого символа (буквы), id может содержать:

- Буквы (a-z A-Z)

- Цифры (0-9)

- Подчеркивание (_)

- Дефис (-)

Недопустимо:

a.Id не может начинаться с цифры;

b.Использование любых пробельных символов и табуляции;

c.Использование символов, которые не входят в допустимый набор, например: #, $, %, ^, &, *, (, ), +, =, [, ], {, }, |, ;, ', ", <, >, ,, /, ?, \