SVG:path要素

パスを定義

d="パスを定義する一連のコマンド"

pathLength="存在すれば、計算されたポイントのパス長がこの値と等しくなるようにパスがスケーリングされます"

transform="変換のリスト"

Color、FillStroke、Graphics、Markers

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:path要素/p.svg

code:p.svg

<path

d="M 10,30

A 20,20 0,0,1 50,30

A 20,20 0,0,1 90,30

Q 90,60 50,90

Q 10,60 10,30 z" />

</svg>

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:path要素/c.svg

code:c.svg

<rect width="400" height="400" fill="#999999" />

<path d="

M300,200

A100,100 0 1 1 100,200

A100,100 0 1 1 300,200 Z"

fill="red" />

</svg>

SVG要素.icon