VibeusSVG Path Editor — визуальный редактор SVG-путей
Редактируйте SVG path на холсте: узлы и кривые, абсолютные и относительные команды, масштаб, поворот, округление и оптимизация. Полные исходники редактора под Apache-2.0.
SVG Path Editor помогает разбирать и править сложные SVG path без ручного пересчёта каждой координаты. Вставьте строку пути, измените точки на холсте и получите обновлённые команды для иконки, иллюстрации или интерфейса.
Возможности
Добавление и удаление команд, переключение между относительными и абсолютными координатами, управление viewBox, сетка и привязка, отмена и повтор. Для всего пути доступны масштабирование, перенос, поворот, округление, обращение порядка команд и оптимизация. Это специализированный редактор путей, а не полный редактор SVG-документов.
Быстрый старт: откройте https://yqnn.github.io/svg-path-editor/, вставьте SVG path в поле Path, перемещайте узлы на холсте и скопируйте получившуюся строку. Панель Commands позволяет менять команды и координаты; доступны масштабирование, перенос, поворот, округление и оптимизация пути.
Для разработки распакуйте архив целиком. По README нужны Node.js 18.13+ и npm: npm install, затем npm start; редактор открывается на http://localhost:4200/. Команда npm run build создаёт сборку в dist/. Зависимости npm не вложены. Установка и локальная сборка при подготовке карточки не выполнялись; при работе с современными версиями Node проверьте совместимость Angular 17 по upstream-документации.
Создатель: Yann Armelin (Yqnn) и участники проекта. Copyright 2020 Yann Armelin. Источник: https://github.com/Yqnn/svg-path-editor/tree/937d75a83b6be2bdda11d02b9b3594841315223a. Оригинальный код не изменён, добавлена русская памятка. Логотип взят из исходного проекта; иллюстрация показывает текущий официальный редактор с его стандартным примером. Размещающий профиль не заявляет авторство разработки.
Полные исходники SVG Path Editor, включая Angular-приложение и библиотеку путей.
Оригинальные README, LICENSE Apache-2.0, package.json и lockfile.
Русская памятка с запуском, источником, снимком и ограничениями.
TypeScript, Angular, HTML, SCSS
Быстрый старт: откройте https://yqnn.github.io/svg-path-editor/, вставьте SVG path в поле Path, перемещайте узлы на холсте и скопируйте получившуюся строку. Панель Commands позволяет менять команды и координаты; доступны масштабирование, перенос, поворот, округление и оптимизация пути.
Для разработки распакуйте архив целиком. По README нужны Node.js 18.13+ и npm: npm install, затем npm start; редактор открывается на http://localhost:4200/. Команда npm run build создаёт сборку в dist/. Зависимости npm не вложены. Установка и локальная сборка при подготовке карточки не выполнялись; при работе с современными версиями Node проверьте совместимость Angular 17 по upstream-документации.
SVG Path Editor распространяется под Apache License 2.0. Copyright 2020 Yann Armelin. Оригинальная LICENSE, уведомления и исходные файлы сохранены в архиве. Источник: https://github.com/Yqnn/svg-path-editor/tree/937d75a83b6be2bdda11d02b9b3594841315223a. Использование и распространение регулируются полной Apache-2.0 в LICENSE, включая сохранение уведомлений и отметки об изменениях. Дополнительных ограничений не добавлено. Русская памятка добавлена отдельно; исходный код не изменён. Размещающий профиль — куратор, не разработчик SVG Path Editor.
