Векторное изображение

Компонент векторного изображения позволяет включать изображения в формате SVG. Манипулируйте и анимируйте изображения SVG на основе событий, функций и значений переменных, используя Динамические векторные изображения. Пользовательские параметры будут отображаться на вкладке свойств SVG как переменные компонента. В уроке "Манипулирование SVG-изображениями " показано, как использовать пользовательские свойства в дизайне пользовательского интерфейса.

[?]

Компонент Векторное изображение имеет следующие основные свойства и группы свойств, общие для всех компонентов:

Имя, Дополнительные свойства, Свойства контейнера, Стиль контейнера, Прелоадер, События, Привязки.

Указывает файл, который будет отображаться компонентом.

Формат записи:

Увеличивает или уменьшает размер изображения в окне компонента.

Формат записи:

Количество градусов, на которое нужно повернуть изображение по часовой стрелке.

Формат записи:

Позволяет пользователю изменить положение изображения в рамке просмотра.

Формат записи:

Позволяет отображать анимированные элементы SVG-изображений.

Формат записи:

Указывает, как элемент с viewBox с заданным соотношением сторон должен вписываться в область просмотра с другим соотношением сторон. Если переменная имеет значение true, свойства Выравнивание по горизонтали и Выравнивание по вертикали будут применяться, когда viewBox и область просмотра имеют разное соотношение сторон.

Формат записи:

Указывает, как изображение должно быть выровнено по горизонтали, когда viewBox и область просмотра имеют разное соотношение сторон.

Формат записи:

Указывает, как изображение должно быть выровнено по вертикали, когда viewBox и viewport имеют разные соотношения сторон.

Формат записи:

Позволяет применять свойства Процент отступа по X и Процент отступа по Y к соответствующим значениям окна просмотра SVG в тех случаях, когда размер окна просмотра увеличивается или уменьшается.

Формат записи:

Когда свойство Максимизировать включено, элемент SVG занимает все пустое пространство в viewBox. Свойство marginPercentX управляет процентным отступом SVG-элементов по оси X. Все изменения происходят в свойстве viewBox.

Формат записи:

Когда свойство Максимизировать включено, элемент SVG занимает все пустое пространство в viewBox. Свойство marginPercentY управляет процентным отступом SVG-элементов по оси Y. Все изменения происходят в свойстве viewBox.

Формат записи:

Ширина холста в пикселях для SVG-изображения. Значение устанавливается при загрузке SVG-файла и может быть изменено. До загрузки файла значение 0 означает, что горизонтальное растяжение не ограничено и ширина холста будет равна ширине области просмотра.

Формат записи:

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

Формат записи: