Редактор SVG

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

Панель инструментов

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

Значок	Название	Подробности
	Выбор	Выбирает элемент изображения. Если элемент входит в группу, будет выбрана группа. Удерживайте Shift при щелчке, чтобы добавить элементы или группы к выделению. Перетащите выбранный элемент для перемещения. При удерживании Shift движение ограничено по горизонтали или вертикали. Масштабируйте или поворачивайте элемент, перетаскивая точки рамки выделения. Удерживайте Shift при масштабировании, чтобы сохранить пропорции. При выборе элемента или группы в редактор свойств открываются их свойства. Примечание. Если выбранный элемент входит в группу, привязки или изменения свойств применяются ко всей группе. Это ожидаемое поведение и оно отличается от «Направленного выбора»
	Направленный выбор	Выбирает отдельный элемент, даже если он входит в группу. Отображает точки привязки и контрольные точки для редактирования. Редактируйте элемент, изменяя его точки привязки и контрольные точки. Примечание. «Направленный выбор» всегда применяется к конкретному элементу и гарантирует, что привязки и изменения свойств затрагивают только его, а не группу
	Карандаш	Рисует произвольные линии с автоматически создаваемыми точками привязки
	Прямоугольник	Рисует прямоугольники
	Эллипс	Рисует эллипсы
	Ручка	Рисует ломаные (многоугольные) пути. Каждый щелчок добавляет опорную точку. Продолжение существующей ломаной: Подведите курсор к одному из концов открытого пути, дождитесь курсора «продолжить» и щёлкните — рисование продолжится от этого конца. Исходный ID элемента сохраняется. Замыкание пути: Во время рисования щёлкните рядом с начальной точкой, чтобы замкнуть путь. Добавление/удаление опорных точек (быстрый режим): Удерживайте Alt, чтобы временно включить режим добавления/удаления: Alt + щелчок по сегменту → вставить опорную точку в ближайшем месте на сегменте. Alt + щелчок по существующей точке → удалить эту опорную точку. Отпустите Alt, чтобы вернуться к обычному режиму «Перо».
	Текст	Добавляет текстовое поле
	Линия	Рисует прямые линии с двумя точками привязки
	Отразить по вертикали	Отражает выбранный элемент или элементы по вертикали
	Отразить по горизонтали	Отражает выбранный элемент или элементы по горизонтали
	Удалить	Удаляет выбранный элемент или группу
	Выравнивание по левой кромке	Выравнивает левые границы всех выбранных элементов и групп
	Выравнивание по правой кромке	Выравнивает правые границы всех выбранных элементов и групп
	Выравнивать вдоль вертикальной оси	Совмещает вертикальные оси всех выбранных элементов и групп
	Выравнивание по верней кромке	Выравнивает верхние границы всех выбранных элементов и групп
	Выравнивание по нижней кромке	Выравнивает нижние границы всех выбранных элементов и групп
	Выравнивать вдоль горизонтальной оси	Совмещает горизонтальные оси всех выбранных элементов и групп

Примечание. Helper Tool — это временный режим, который активируется при удерживании клавиши Ctrl.
Если активен инструмент рисования (Прямоугольник, Ручка, Эллипс), Helper Tool работает как инструмент Выбор, позволяя выделять и изменять элементы без переключения инструмента.
Если активен инструмент Выбор, Helper Tool работает как инструмент Направленный выбор, позволяя редактировать отдельные элементы напрямую.
После отпускания клавиши Ctrl редактор возвращается к ранее активному инструменту. Отдельной кнопки на панели инструментов для Helper Tool нет — он вызывается только с клавиатуры. Такой механизм предотвращает конфликты между рисованием и редактированием и обеспечивает единое поведение во всех инструментах.

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

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

Меню Опция Название	Описание
Добавить изображение	Предоставляет возможность загрузить изображение в поле Данные изображения свойства 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+]`	Переместить выделенные элементы вперед
`Delete`	Удалить выбранные элементы
Alt + щелчок по сегменту	Вставить опорную точку в ближайшем месте
Alt + щелчок по существующей точке	Удалить эту опорную точку
Alt + наведение курсора на конец открытой ломаной, щелчок	Продолжить рисование от конца пути (ID элемента сохраняется)
Alt + наведение курсора на начальную точку, щелчок	Замкнуть путь

Горячие клавиши — Расширенные взаимодействия

Инструмент / Действие	Сочетание клавиш	Результат
Выделение — перетаскивание	Shift	Перемещение только по осям X/Y и диагоналям 45°
	Alt	Копирование перемещаемого элемента
	Alt + Shift	Копирование элемента с ограничением по осям X/Y и диагоналям 45°
Выделение — изменение размера	Shift	Сохранение пропорций при изменении размера
	Alt	Симметричное изменение в обоих направлениях
	Alt + Shift	Симметричное изменение с сохранением пропорций
Выделение — вращение	Shift	Поворот с шагом 15°
	Alt	Копирование повернутого элемента
	Alt + Shift	Копирование повернутого элемента с шагом 15°
Прямое выделение — фигура	—	Поведение аналогично обычному выделению
Прямое выделение — путь	Shift	Перемещение узла только по осям X/Y и диагоналям 45°
	Alt	Временный переход к инструменту Перо (Добавить/Удалить узел)
Карандаш	Shift	Рисование прямой линии по осям X/Y и диагоналям 45°
Ручка — редактирование пути	Alt	Добавление/удаление узла на существующем пути
Ручка — рисование	Shift	Рисование прямой линии по осям X/Y и диагоналям 45°
	Alt	Создание сегмента кривой Безье
Линия	Shift	Рисование линии по осям X/Y и диагоналям 45°
	Alt	Рисование линии в обе стороны от точки клика
	Alt + Shift	То же самое, но с ограничением по осям X/Y и диагоналям 45°
Прямоугольник	Shift	Создание квадрата
	Alt	Создание прямоугольника из центра
	Alt + Shift	Создание квадрата из центра
Эллипс	Shift	Создание круга
	Alt	Создание эллипса из центра
	Alt + Shift	Создание круга из центра
Текст	—	Модификаторы не поддерживаются
Любой инструмент	Ctrl (удерживать)	Временный переход в режим Прямого выделения

DPF_EXPORT_V5.8.8 / TIME_1766394558 / 2025-12-22 09:09:18 / STRLEN_32812 / STRLEN_HTML_25457

{VERSION}

Was this page helpful?