为什么文本会出现在浏览器中，而不会出现在图像查看器中？

Question

我正在尝试渲染图表但遇到问题：<text> 元素出现在浏览器（Chrome、Firefox）中，但不出现在传统图像查看器（Eyes of GNOME、GIMP、Inkscape）中。

Code

一开始我以为是图片浏览器无法渲染字体，直到我看到一个asciinema的缩略图，在GNOME之眼中完美显示：

问题：为什么会发生这种情况以及如何解决这个问题？

Answer 1

原因在于嵌套的 SVG：

<?xml version="1.0" encoding="utf-8" ?>
<svg ... >
  <rect ... />
  <svg ... >
    <text ... >pdu --quantity=blksize tmp.sample</text>
  </svg>
  ...
</svg>

将您的文本元素移动到根 svg，您将能够在图像查看器/编辑器中看到它们（使用 Inkscape 和 GNOME 图像查看器测试）