circle

<circle> SVG 要素は SVG の基本的な図形を表すものであり、中心座標と半径を指定して円を描画します。

使用可能な場所

カテゴリー基本シェイプ要素 、 グラフィック要素 、 図形要素
許可されている内容任意の数、任意の順序の以下の要素。
アニメーション要素
説明的要素

属性値

グローバル属性

専用属性

DOM インターフェイス

この要素は SVGCircleElement インターフェイスを実装しています。

例

SVG

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100"/>
</svg>

出力

仕様

仕様書 策定状況 備考
Scalable Vector Graphics (SVG) 2
<circle> の定義		 勧告候補  
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
<circle> の定義		 勧告 初期定義

ブラウザ実装状況

BCD tables only load in the browser

関連情報