Редактор SVG

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

Тулбар

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

Значок	Название	Подробности
	Выбор	Выберите элемент изображения. Если элемент входит в группу, вместо него будет выбрана группа. Удерживая клавишу `Shift` при щелчке на элементе, можно выбрать его в дополнение к любым выбранным в данный момент элементам или группам. Кликните и перетащите выбранное изображение, чтобы изменить его положение. Если удерживать клавишу `Shift` при перетаскивании элемента, его перемещение будет ограничено горизонтальной или вертикальной осью. Элемент можно масштабировать и поворачивать, используя инструмент для перетаскивания точек в поле выделения вокруг элемента. Удерживая клавишу `Shift` при масштабировании, можно сохранить исходное соотношение высоты и ширины. Когда выбран элемент или группа, открывается редактор свойств для выбранного элемента.
	Направленный выбор	Выберите отдельный элемент, даже если он входит в группу, и отобразите точки привязки и все контрольные точки этого элемента. Элемент можно редактировать, манипулируя отдельными точками привязки и контрольными точками с помощью инструмента.
	Карандаш	Рисование контуров, состоящих из автоматически созданных опорных точек.
	Прямоугольник	Рисование прямоугольников.
	Эллипс	Рисовать эллипсы
	Ручка	Рисовать контуры многоугольников. Каждый клик инструмента добавляет опорную точку. Нажмите и удерживайте `Alt` во время рисования сегмента линии, чтобы создать изогнутые линии. `Щелкните правой кнопкой мыши`, чтобы завершить контур.
	Текст	Добавить текстовое поле.
	Линия	Кликните и перетащите, чтобы создать линию с двумя опорными точками.
	Отразить по вертикали	Отражает выбранный элемент или элементы по вертикали.
	Отразить по горизонтали	Отражает выбранный элемент или элементы по горизонтали.
	Удалить	Удалить выбранный элемент или группу элементов.
	Выравнивание по левой кромке	Выравнивание крайних левых краев всех выбранных элементов и групп.
	Выравнивание по правой кромке	Выравнивание крайних правых граней всех выбранных элементов и групп.
	Выравнивать вдоль вертикальной оси	Выравнивание центральных вертикальных осей всех выбранных элементов и групп.
	Выравнивание по верней кромке	Выравнивание по верней кромке всех выбранных элементов и групп.
	Выравнивание по нижней кромке	Выравнивание по нижней кромке всех выбранных элементов и групп.
	Выравнивать вдоль горизонтальной оси	Выравнивание центральных горизонтальных осей всех выбранных элементов и групп.

Контекстное меню

Контекстное меню предлагает дополнительные опции, специфичные для текущего выбранного элемента или элементов, группы или групп элементов.

Меню Опция Название	Описание
Добавить изображение	Предоставляет возможность загрузить изображение в поле Данные изображения свойства SVG Файл компонента.
Очистить все	Удаляет все элементы SVG-файла.
Выбрать все	Выбирает все элементы SVG-файла.
Редактировать свойства	Открывает редактор свойств для выбранного элемента.
Копировать	Нагрузка выбранного элемента в буфер обмена.
Вырезать	Нагрузка выбранного элемента в буфер обмена и удаление элемента из SVG-файла.
Вставить	Создает элемент на холсте из данных буфера обмена.
Удалить	Удаляет указанный элемент.
Группа	Создает одну группу из выбранных элементов.
Разгруппировать	Если выбрана группа, элементы, входящие в нее, будут удалены из группы.
Переместить вперед	Перемещение указанного элемента на один уровень выше в списке элементов.
Переместить назад	Перемещает указанный элемент на один уровень ниже в списке элементов.
Преобразовать в путь	Если выбранный элемент еще не является путем, он преобразуется в элемент SVG типа путь.
SVG элементы	Отображает список элементов, находящихся непосредственно под курсором, позволяя выбрать скрытые элементы.

Ссылки на значения свойств элементов

Ссылки на свойства элементов определяются именем элемента и именем свойства, разделенными символом подчеркивания(_).

Например, предположим, что компонент векторной графики с именем vectorDrawing0 содержит элемент с именем rect0, и ссылка должна указывать на свойство элемента Заливка, которое называется fill. Чтобы указать значение этого свойства, используется следующая ссылка:

^{form/vectorDrawing0:rect0_fill}

Повторим, что эта ссылка состоит из следующих частей:

form/ - это схема, указывающая на компонент приборной панели.
vectorDrawing0, как было сказано выше, - это имя компонента приборной панели.
rect0_fill - имя элемента и имя свойства, разделенные знаком подчеркивания.

Горячие клавиши редактора

Следующие горячие клавиши можно использовать при выборе одного или нескольких элементов.

Комбинированная клавиша	Действие
`Ctrl+G`	Группировка выделенных элементов.
`Ctrl+shift+G`	Разгруппировать выделенные элементы.
`Ctrl+C`	Копировать выделенные элементы.
`Ctrl+X`	Вырезать выделенные элементы.
`Ctrl+V`	Вставить элементы из буфера обмена.
`Ctrl+D`	Дублировать выбранные элементы.
`Ctrl+{`	Переместить выбранные элементы назад.
`Ctrl+}`	Переместить выделенные элементы вперед.
`Ctrl+клик`	Открыть свойства элемента.
`Delete`	Удалить выбранные элементы.

DPF_EXPORT_V5.8.8 / TIME_1716484525 / 2024-05-23 17:15:25 / STRLEN_23976 / STRLEN_HTML_16291

{VERSION}