@vanyproduction

Как правильно расшифровать SVG?

Здравствуйте. Имеется svg путь, хочу обратить его направление - т.е. поменять порядок точек, но с обычными фигурами всё понятно, но тут - никак не могу найти расшифровку синтаксиса для такого кода
<path d="M200.75,289.715c0,0-126.75-3.579-192.417,30.52"/>

*важно понять где заканчивается описание одной точки и начинается описание другой
  • Вопрос задан
  • 4024 просмотра
Пригласить эксперта
Ответы на вопрос 1
rmaksim
@rmaksim
www.w3schools.com/svg/svg_path.asp
M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Bézier curve
T = smooth quadratic Bézier curveto
A = elliptical Arc
Z = closepath

это оптимизированная запись
где можно не ставить запятые соотв их не ставят
если расставить между координатами, будет примерно так
M 200.75, 289.715
c 0,0 -126.75,-3.579, -192.417,30.52

координаты точек это X,Y
. между числами - это дробная часть координаты
, соотв. делит X,Y

и сгруппировав получим
M(oveto) (200.75, 289.715) - одна точка с соотв координатами
C(urveto) (0, 0) (-126.75 -3.579) (-192.417, 30.52) - три точки

в итоге имеем - Кубическая кривая Безье
cubic_bezier.bmpSVG_Essentials_I_6_tt123.png
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы