我有一个PNG图像,我在我的HTML中用作<i>
元素的背景图像。
我需要在SVG中使用这个图标。将<i>
置于<foreignObject>
内会呈现图标,但会导致许多其他问题。
有没有办法在不使用HTML标签的情况下在SVG中获取图标效果?
答案 0 :(得分:3)
SVG的<image>
标记与HTML中的标记非常相似:
<image xlink:href="firefox.jpg" x="0" y="0" height="50px" width="50px"></image>