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 图像。

当我在带有<object data="image.svg"></object>标签的网页中包含图像时，会加载 bitmap.png 文件。

当我在带有标签的网页中包含图像时，不会<img src="image.svg" />加载bitmap.png 。

是什么赋予了？

4

1 回答 1

3

svg 本身是有效的。

当通过 <img> 引用 svg 时，某些浏览器不允许外部引用。您可以做的是将 png 转换为数据 URI 并将其放在那里，例如，请参阅此答案以了解如何执行此操作。

于 2012-07-06T07:31:53.020 回答