【发布时间】：2016-06-09 06:59:30
【问题描述】：
我有这张图片使用 xlink:href
file xxx.svg:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="103" height="92.75" viewBox="0 0 103 92.75">
<image x="0" y="0" xlink:href="http://gw.alicdn.com/tps/i4/TB1QygcLFXXXXcmaXXXTQYPHFXX-60-41.png" width="40" height="28"/>
<..something else>
只有当我直接将其作为 url 地址打开时，它才能在 chrome 中完美运行
但是当我在 html 中引用它时
<img src="xxx.svg"/>
图像消失了。
除了图像标签之外，svg 文件中的所有其他对象都会显示出来。不在移动版 chrome 中。
我尝试了其他 webkit 浏览器，html 引用的 svg 图像在 safari 中运行良好。
我尝试了 dataURI，但仍然没有在 chrome 中显示。 https://gw.alicdn.com/tps/TB1LsQqLFXXXXXYXpXXXXXXXXXX-103-92.svg
编辑：在我的浏览器中，如果我在新标签中访问此页面，上面的图像显示为一个空圆圈。
单击链接后，浏览器选项卡跳转到图像，图像正确显示。
点击浏览器返回后，页面返回到这里这个页面，图片变了，显示出来了。
【问题讨论】：
-
如果你做对了，数据 URI 应该可以工作。向我们展示你为此做了什么。
-
它工作但显示错误的视口是你的问题是什么？
-
在我的浏览器中，有一些圆圈和星星，根本没有硬币。点击链接显示不同
-
在他们的错误跟踪器上提出一个 chrome 错误。它适用于 Firefox。
标签： html google-chrome svg