html - svg图片不显示

Question

这是下面的代码我没有看到让它启动和运行的东西吗？

<svg base="http://www.w3.org/2000/svg" x="550" y="475" style="border: 3px solid blue;">
   <image xlink:href="app3.JPG" x="100" y="75" width="300" height="167" id="image1" />
 </svg>

Answer 1

那里没有你想要 xmlns 的基础属性。您也没有定义 xlink 命名空间。

如果您在 html 中嵌入 SVG，您也应该为<svg>元素指定宽度和高度。100% 可能是你想要的。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="550" y="475" width="100%" height="100%" style="border: 3px solid blue;">
   <image xlink:href="app3.JPG" x="100" y="75" width="300" height="167" id="image1" />
 </svg>

您可能还需要将 div 的宽度/高度指定为样式。