SVG上的背景图像损坏

时间:2019-10-30 18:35:00

标签: html svg

有人要求我将一个大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",但出现了相同的损坏的图像图标

0 个答案:

没有答案