使用 xlink:href 的 svg 图像在 Chrome 中不起作用
AiS*_*ang 8 html svg google-chrome
我使用 xlink:href 有这个图像
\n\nfile xxx.svg:\n\n<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">\n\n<image x="0" y="0" xlink:href="http://gw.alicdn.com/tps/i4/TB1QygcLFXXXXcmaXXXTQYPHFXX-60-41.png" width="40" height="28"/>\n\n <..something else>\n仅当我直接将其作为 url 地址打开时，它才能在 chrome 中完美运行
\n\n但是当我在 html 中引用它时
\n\n<img src="xxx.svg"/>\n图像消失了。
\n\n除图像标签外，svg 文件中的所有其他对象都会显示。移动版 Chrome 中也没有。
\n\n我尝试了其他 webkit 浏览器，html 引用的 svg 图像在 safari 中工作正常。
\n\n我尝试了 dataURI，仍然没有在 chrome 中显示。https://gw.alicdn.com/tps/TB1LsQqLFXXXXXYXpXXXXXXXXXX-103-92.svg \n
\n
在我的浏览器中编辑\xef\xbc\x9a，如果我在新选项卡中访问此页面，上面的图像将显示为空圆圈。
\n\n单击链接后，浏览器选项卡跳转到图像，图像显示正确。
\n\n当我返回浏览器后，页面返回到此页面，图像发生变化，它被显示出来。
\nxlink:herfSVG 中已弃用的使用
所以当你直接打开 svg 时，它会工作，因为它本身不包含它
https://css-tricks.com/on-xlinkhref-being-deprecated-in-svg/
| 归档时间： |
|
| 查看次数： |
14584 次 |
| 最近记录： |