This is an old revision of the document!

SVG Path

Bootstrap :

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    <path d="M0 0h24v24H0z" fill="none" />
    ...
</svg>

Функции d:

Операция	Маска	Действия	Параметры
Move To	M %x %y	Переместить курсор на	int %x = позиция X int %y = позиция Y
Line To	L %x %y	Нарисовать линию до	int %x = позиция X int %y = позиция Y
Horizontal Line	H %x	Нарисовать горизонтальную до	int %x = позиция X
Vertical Line	V %y	Нарисовать вертикальную до	int %y = позиция Y
Close Path	Z	Окончить Path, обычно выставляется в конце
Cubic Beziers	C %x1 %y1, %x2 %y2, %x %y	Кривая линия	int %x %y = конечная точка (Select anchor points) %x1 %y1 = Тянущая линия ОТ (Adjustment points) %x2 %y2 = Тянущая линия ДО (Adjustment handle) bezier-curve.jpg

EugeneX MiniWeb