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的宽度/高度指定为样式。