概要
ellipse要素はSVGの基本的な図形であり、中心となる座標とx方向とy方向の半径両方を指定し、楕円を生成します。
ellipse要素は楕円の傾きを指定することはできません（例えば、45度の角度で傾斜した楕円を描画したい場合）、しかしtransform属性を使用することで回転させることは可能です。
使用可能な場所
| カテゴリー | 基本シェイプ要素 、 グラフィックス要素 、 図形要素 |
|---|---|
| 許可された内容 | 任意の数、任意の順で以下の要素を配置可能： アニメーション要素 説明的要素 |
例
属性
グローバル属性
専用属性
DOM インターフェース
この要素は SVGEllipseElement インターフェースを提供します。
仕様
| 仕様 | 状態 | コメント |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 <ellipse> の定義 |
勧告候補 | rx と ry に auto を追加 |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) <ellipse> の定義 |
勧告 | 最初の定義 |
ブラウザ実装状況
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
ellipse | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1.5 | IE 完全対応 9 | Opera 完全対応 8 | Safari 完全対応 3 | WebView Android 完全対応 3 | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 3 | Samsung Internet Android 完全対応 あり |
cx | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1.5 | IE 完全対応 9 | Opera 完全対応 8 | Safari 完全対応 3 | WebView Android 完全対応 3 | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 3 | Samsung Internet Android 完全対応 あり |
cy | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1.5 | IE 完全対応 9 | Opera 完全対応 8 | Safari 完全対応 3 | WebView Android 完全対応 3 | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 3 | Samsung Internet Android 完全対応 あり |
rx | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1.5 | IE 完全対応 9 | Opera 完全対応 8 | Safari 完全対応 3 | WebView Android 完全対応 3 | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 3 | Samsung Internet Android 完全対応 あり |
ry | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1.5 | IE 完全対応 9 | Opera 完全対応 8 | Safari 完全対応 3 | WebView Android 完全対応 3 | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 3 | Samsung Internet Android 完全対応 あり |
凡例
- 完全対応
- 完全対応