<image> SVG 要素は、ラスタ画像をSVG文書に含むことを可能にします。
利用可能な場所
| カテゴリー | グラフィックス要素 、 グラフィクス参照要素 |
|---|---|
| 許可された内容 | 任意の数、任意の順で以下の要素を配置可能： アニメーション要素 説明的要素 |
属性
グローバル属性
専用属性
DOM インターフェイス
この要素は SVGImageElement インターフェイスを実装します。
例
基本の SVG オブジェクトで PNG 画像のレンダリング:
<svg width="100%" height="100%" viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<image xlink:href="https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png" x="0" y="0"
height="100" width="100" />
</svg>
仕様
| 仕様 | 状態 | コメント |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 <image> の定義 |
勧告候補 | |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) <image> の定義 |
勧告 | 初期の定義 |
ブラウザー互換性
現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから！
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| 基本サポート | 1.0 | 1.5 (1.8)[1] | 9.0 | 8.0 | 3.0.4 |
| 機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | 3.0 | 1.0 (1.8)[1] | 未サポート | (有) | 3.0.4 |
この表はこのソースに基づくものです。
[1] Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) 以前ではラスター画像のみがサポートされました。