概要
rect 要素はSVGの基本図形であり、四角形を生成する際の基準となる座標と、そこからの幅と高さを指定します。また、角の丸まった四角形を作ります。
使用可能な場所
| カテゴリー | 基本シェイプ要素 、 グラフィックス要素 、 図形要素 |
|---|---|
| 許可された内容 | 任意の数、任意の順で以下の要素を配置可能： アニメーション要素 説明的要素 |
例
シンプルな rect 要素の使い方
| ソースコード | 出力結果 |
|---|---|
ファイル「 rect-1.svg 」が見つかりません。 |
Unable to find file rect-1.svg |
角の丸い rect 要素
| ソースコード | 出力結果 |
|---|---|
ファイル「 rect-2.svg 」が見つかりません。 |
Unable to find file rect-2.svg |
属性
グローバル属性
専用属性
DOM インターフェイス
この要素は SVGRectElement インターフェイスを提供します。
ブラウザ実装状況
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!
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 1.0 | 1.5 (1.8) | 9.0 | 8.0 | 3.0.4 |
| 機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | 3.0 | 1.0 (1.8) | 未サポート | (有) | 3.0.4 |
Compatibility sources に基づく。