4

我有一个简单的 svg 示例，它只包装了一个 jpg。这是HTML：

<html>
<head>
</head>
<body>
    <div id="theimageholder">
        <img id="theimage" src="Images/simplepng.svg"></img>
    </div>
</body>
</html>

这是 simplepng.svg 的 SVG：

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
         width="410" height="340"
         viewBox="0 0 200 200"
         zoomAndPan="enable"
         preserveAspectRatio="xMidYMin meet" >
<image x="0" y="0" width="200px" height="200px" xlink:href="earth.jpg"/>
</svg>

这适用于 IE9，但不适用于 Chrome 或 Firefox。他们都没有显示任何内容。xlink:href 在那些浏览器中工作吗？

4

1 回答 1

4

SVG 文件看起来 100% 正确： http ://apike.ca/prog_svg_images.html

如果将图像标签切换为嵌入或对象标签，它将起作用：

<embed src="Images/test.svg" type="image/svg+xml" width="410" height="340" />
<object data="Images/test.svg" type="image/svg+xml" width="410" height="340" />

这可能只是这些浏览器的限制。我确认这也是 Safari 中的一个问题。我找不到这方面的参考资料或错误编号。

于 2012-12-03T22:13:15.277 回答