инструмент для разработчиков / 28
Онлайн-редактор векторной графики SVG
Рисуйте, оформляйте, размещайте по слоям и редактируйте векторную графику SVG визуально или с помощью кода SVG XML.
Онлайн-редактор векторной графики SVG: Рисуйте прямоугольники, круги, эллипсы, линии, контуры и текст на холсте SVG. Перемещайте объекты, меняйте заливку, обводку и непрозрачность, а также меняйте порядок слоёв. Можно также импортировать SVG или редактировать его разметку на вкладке «Код», а затем скачать SVG или PNG либо скопировать текст SVG. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.
- Категория
- Инструменты для разработчиков
- Запуски
- В вашем браузере
- Стоимость
- Бесплатно · без регистрации
- Доступность
- Готово к использованию
Инспектор элементов и стили
Слои (3)
Рисуйте фигуры, контуры и текст
Добавляйте прямоугольники, круги, эллипсы, линии, звёзды, треугольники, сердца, контуры и текст. Выберите объект, чтобы изменить его заливку, цвет и ширину обводки, а также непрозрачность, либо используйте элементы управления слоями для дублирования, удаления и изменения порядка. Настройки холста задают размер рисунка и фон.
Перемещайте контур по холсту и изменяйте его форму на вкладке Code. Команды контура, такие как M, L и C, описывают перемещения, линии и кривые. Это не визуальный редактор узлов: перетаскиваемых маркеров кривых нет. Изменённый XML применяется после выхода из поля кода.
Ограничения экспорта и импорта
SVG сохраняет векторные фигуры и редактируемый текст, а PNG растеризует рисунок в размере холста. Копирование разметки даёт текст SVG для использования на странице или в другом редакторе. Текст не преобразуется в контуры, поэтому его вид зависит от шрифта, доступного там, где открыт файл.
Импортированные файлы преобразуются в поддерживаемые базовые фигуры, контуры и текст. Градиенты, фильтры, обрезка, встроенные изображения и поведение групп сохраняются не полностью. Сохраните оригинал и сравните импортированный рисунок перед экспортом замены.
Как пользоваться
- Добавьте прямоугольник, круг, эллипс, линию, звезду, контур или текст и перетащите его в нужное место.
- Настройте заливку, обводку, непрозрачность, радиус углов и порядок слоёв.
- Скачайте SVG или PNG либо скопируйте разметку.
Конфиденциальность и ограничения
Рисунок никогда не покидает ваш браузер: нет загрузки на сервер, автосохранения и сервера. После закрытия вкладки рисунок будет удалён, поэтому скачайте файл перед выходом.
Похожие инструменты
Часто задаваемые вопросы
Можно ли рисовать и редактировать контуры?
Вы можете добавить контур, перемещать его по холсту, а также менять его заливку и обводку. Чтобы изменить форму контура, отредактируйте его команды на вкладке «Код»; визуального редактора контрольных точек нет. Изменения кода применяются после выхода из текстового поля.
Можно ли добавлять текст и простые фигуры?
Да. Добавляйте с панели инструментов прямоугольники, круги, эллипсы, линии, звёзды, треугольники, сердца, контуры или текст. Для текста доступны настройки содержимого и размера шрифта. Объекты можно выравнивать, дублировать, удалять и менять их порядок, а также изменять цвет заливки, цвет обводки, ширину обводки и непрозрачность.
Какие файлы можно экспортировать?
Скачайте SVG, чтобы сохранить векторные фигуры и редактируемый текст, или PNG — растровое изображение с размерами холста. Также можно скопировать разметку SVG. Текст не преобразуется в контуры.
Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен