@StrangeGoogle

Как рисовать с помощью SVG path?

Как мне рисовать под нужные мне координаты, фигуры которые я бы хотел?
Не знаю, существуют ли программы для этого, например такие как Adobe Illustrator? Ну чтобы упростить задачу. Если знаете нормальный, доходчивый туториал то, пожалуйста оставьте ссылку в комментарии.
  • Вопрос задан
  • 6021 просмотр
Решения вопроса 1
Stalker_RED
@Stalker_RED
Иллюстратор существует, стопудов. Сам видел!
А туториал нужен про то, как нарисовать в иллюстраторе или где у него в меню файл→экспорт?

Попробуйте может inkscape.

Если именно по координатам, то там ничего сложного
<svg viewBox="5 5 50 50">
  <path d="M10 10 L10 20 L20 20 Z" fill="red"></path>
  <path d="M15 10 l10 0 l0 10 Z" fill="blue"></path>
  <path d="M10 25 h 7 v 7 Z" fill="#FACE8D"></path>
</svg>
вот так оно работает

viewBox - координаты верхнего левого и нижнего правого угла видимой части холста.
M - переместить курсор и координаты x и y
L - нарисовать линию, и тоже координаты.
Z - замкнуть фигуру (соединить последнюю точку с первой)
l - нарисовать линию, но не абсолютные координаты, а сдвиг относительно предыдущей точки
H - нарисовать линию по горизонтали, и координата
h - нарисовать линию по горизонтали, но вместо координаты сдвиг.
V и v - та-же фигня, но по вертикали
и так далее
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы