5

サーバー上の同じ場所に、次のファイル image.svg とファイル bitmap.png があります。

<?xml version="1.0" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100px" height="100px" version="1.1"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <image x="0" y="0" width="100px" height="100px"
         xlink:href="bitmap.png" />
</svg>

画像ファイルに直接アクセスすると、bitmap.png 画像が含まれています。

タグを使用して Web ページに画像を含めると<object data="image.svg"></object>、bitmap.png ファイルが読み込まれます。

タグを使用して Web ページに画像を含めると<img src="image.svg" />、bitmap.png が読み込まれません。

何を与える？

4

1 に答える 1

3

svg 自体は有効です。

一部のブラウザーでは、svg が <img> を介して参照されている場合、外部参照が許可されていません。それを機能させるためにできることは、pngをデータURIに変換し、代わりにそこに置くことです。その方法については、たとえばこの回答を参照してください。

于 2012-07-06T07:31:53.020 に答える