We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

<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 に基づく。

関連情報

ドキュメントのタグと貢献者

このページの貢献者: hashedhyphen, Sebastianz, teoli, manzyun
最終更新者: hashedhyphen,