有人要求我将一个大SVG文件添加到.html页面中。它有背景图片,但没有显示。
这是与背景图片有关的代码行:
<defs>
<clipPath id="a">
<path fill="none" d="M0 0h1920v1080H0z"/>
</clipPath>
</defs>
<g clip-path="url(#a)">
<image width="1920" height="1080" xlink:href="https://i.imgur.com/Hws1Jb8.png"/>
</g>
图像的链接:https://i.imgur.com/Hws1Jb8.png
SVG的其余部分显示得很好,但是在背景应该位于的地方,所有内容后面都有一个大的“残破的图像”图标。
我如何在这里工作?我在本地拥有它,并且有xlink:href="images/bg.png"
,但出现了相同的损坏的图像图标