html - svg画像が表示されない

Question

これは以下のコードです私はそれを起動して実行するための何かを見ていませんか？

<svg base="http://www.w3.org/2000/svg" x="550" y="475" style="border: 3px solid blue;">
   <image xlink:href="app3.JPG" x="100" y="75" width="300" height="167" id="image1" />
 </svg>

Answer 1

代わりに xmlns が必要な base などの属性はありません。xlink 名前空間も定義していません。

SVG を html に埋め込む場合は、<svg>要素の幅と高さも指定する必要があります。100% はおそらくあなたが望むものです。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="550" y="475" width="100%" height="100%" style="border: 3px solid blue;">
   <image xlink:href="app3.JPG" x="100" y="75" width="300" height="167" id="image1" />
 </svg>

div の幅/高さをスタイルとして指定する必要がある場合もあります。