SVG
The `<circle>` element in SVG is a simple element used to draw a circle with a specified center point and radius.
circle
SVG（Scalable Vector Graphics）の circle要素は、円を描くための基本的な要素です。この要素を使用することで、指定した位置と半径を持つ円を SVG内に描画することができます。
- cx
- 円の中心のx座標を指定します。
- cy
- 円の中心のy座標を指定します。
- r
- 円の半径を指定します。
- stroke
- 円の輪郭線の色を指定します。
- stroke-width
- 円の輪郭線の太さを指定します。
- fill
- 円の内部の塗りつぶし色を指定します。
Sample
以下のコードは、x座標100、y座標100に中心を持ち、半径50の円を描画します。
XML
<svg width="200" height="200">
<circle cx="100" cy="100" r="50" stroke="black" stroke-width="3" fill="red" />
</svg>このコードでは、黒い輪郭線（幅3）を持ち、赤く塗りつぶされた円が描画されます。circle要素は簡単に円を描くことができるため、SVG内で基本的かつ頻繁に使用されます。