如何在 SVG 中存储附加数据？

Question

我有一个小编辑器，可以创建带有图表的 .svg 文件（使用 svg.js）。

编辑器以自己的简单文本格式存储有关文件创建方式的数据，与this one 不同。

我想将源文本直接嵌入到 SVG 文件中，这样我就可以在不丢失任何用户指定的元信息（如 cmets 和格式）的情况下加载它。

这样做的正确方法是什么？我上面链接的编辑器将其数据存储在<svg> 正下方的<source> 标签中。这是一种良好且符合标准的方法吗？

<svg 
  xmlns="http://www.w3.org/2000/svg" 
  width="445" height="319" 
  xmlns:xlink="http://www.w3.org/1999/xlink"
>
  <source><![CDATA[Andrew->China: Says Hello
  Note right of China: China thinks\nabout it
  China-->Andrew: How are you?
  Andrew->>China: I am good thanks!]]></source>
  <!-- SVG content here -->
</svg>

Answer 1

创建a custom namespace 并将您想要的任何内容存储在该自定义命名空间的元素下。如果需要，您可以调用自定义命名空间元素源。

将您的自定义内容包装在<metadata> 标记中是recommended in the SVG specification。感谢 Alexander Gladysh 提醒我。