极客观点
项目管理
HarmonyOS
出于某种原因，Chrome 显示的 SVG 图像标签中没有图像。
这是我的 SVG 中的一个示例：
<image xlink:href="blocker.png" height="312.666661" width="85.693825" y="16.479997" x="459.946664"/>
blocker.png 是一个本地文件，但我也尝试将其上传到 imgur，但这也不起作用。
这是 svg 标签：
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
这是它在本地的样子：
http://i.imgur.com/BDP8KpG.png
这是它在实时网页上的样子：
http://i.imgur.com/KVuxLI1.png
如您所见，两名球员失踪了。当我在线上传 SVG 时不会发生这种情况，但是当我尝试将该 URL 链接到我的页面时，会发生同样的事情
不确定它是否相关，但这里是页面的 HTML 代码：
<!DOCTYPE HTML>
<html>
<head>
<title>SVG</title>
<style>
img{
width: 100%;
height:auto;
max-width: 800px;
}
</style>
</head>
<body>
<div>
<img src="svg.svg"/>
</div>
</body>
</html>
原文由 sgruggy 发布，翻译遵循 CC BY-SA 4.0 许可协议
PaulLeBeau 的回答是正确的。但另一种解决方案是使用
embed标签而不是图片的img标签。以下 是在 HTML 中嵌入 svg 图像的一些方法。