<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> の定義 |
勧告 | 初期定義 |
ブラウザ実装状況
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 1.0 | 20 or earlier (12.10049) | 1.5 (1.8) | 9.0 | 8.0 | 3.0.4 |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 3.0 | 1.0 (1.8) | 未サポート | (有) | 3.0.4 |
Compatibility sources に基づく。