Редактор SVG-путей

Редактор путей SVG позволяет писать и настраивать атрибут d пути SVG и видеть форму вживую. Введите или вставьте строку пути, и предпросмотр перерисовывается по мере правки, а область просмотра автоматически подгоняется под координаты. Можно задать цвет обводки и заливки, толщину обводки, скопировать готовый путь и открыть встроенный справочник по всем командам. Всё выполняется в браузере, ничего не загружается.

1. Введите или вставьте данные пути в поле ввода 2. Задайте цвет обводки, цвет заливки и толщину 3. Следите за обновлением предпросмотра в реальном времени 4. При необходимости откройте справочник команд 5. Нажмите «Копировать», чтобы получить готовую строку пути

Путь — это последовательность команд, таких как M для перемещения, L для линии и C для кривой, каждая с координатами. Команды в верхнем регистре используют абсолютные координаты и точные позиции; строчные — относительные к предыдущей точке. Область просмотра подгоняется автоматически по числам в пути, поэтому добавление отступа или проверка координат помогает, если форма выглядит обрезанной. Карточка-справочник поможет вспомнить точный синтаксис дуг, кривых Безье и других команд.