/suto3/SVG:path要素 - Scrapbox Reader

generated at 2/17/2025, 9:26:22 AM

SVG:path要素
パスを定義
d="パスを定義する一連のコマンド"
pathLength="存在すれば、計算されたポイントのパス長がこの値と等しくなるようにパスがスケーリングされます"
transform="変換のリスト"
+ SVG:プレゼンテーション属性
Color、FillStroke、Graphics、Markers
<path> - SVG: スケーラブルベクターグラフィック | MDN
<path> - SVG: Scalable Vector Graphics | MDN
SVG:パス - SVG:path
SVG:パス定義
SVG:d属性


p.svg<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/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>