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

<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="/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> の定義
勧告 初期の定義

ブラウザー互換性

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 (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) 以前ではラスター画像のみがサポートされました。

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

このページの貢献者: Ss_Oo, momdo
最終更新者: Ss_Oo,