如何在图像查看器中显示包含其他 SVG 的 SVG？（包含带有指向另一幅图像的 href 的图像的 SVG）

2024-6-7 • tag-icon

如何在图像查看器中显示包含其他 SVG 的 SVG？（包含带有指向另一幅图像的 href 的图像的 SVG）

我无法让任何图像查看器显示具有image或指向另一个 SVG 文件的属性的useSVG文件。href

我可以在浏览器中查看它，但是我正在寻找一个可以自动刷新的图像查看器来显示 SVG（带有嵌入图像）当我进行更改时。VSCode 扩展会更好，但如果任何图像查看器可以做到这一点，我就会非常高兴。

尝试一下，创建一个 test.svg，

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <image href="test_embed_this.svg" height="200" width="200"/>
</svg>

创建 test_embed_this.svg，

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
    <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

现在尝试查看 test.svg。我尝试了默认的图像查看器、Geeqie 和 Inkscape。它们都无法正确显示 test.svg。浏览器可以很好地显示。我使用的是 Ubuntu 20.04

它们都显示类似这样的情况

相关内容