SVG <circle>

SVG円 - <circle>

<circle> 円を作成するための要素です:

これは SVG コードです:

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

実際に試してみてください

コード解説:

  • cx と cy 属性は円の中心の x と y 座標を定義します。cx と cy を省略すると、円の中心は (0,0) に設定されます。
  • r 属性は円の半径を定義します。