Как сохранить дополнительные данные в SVG?

Question

У меня есть небольшой редактор, который создает файлы .svg с диаграммами (используя svg.js).

Редактор хранит данные о том, как файл создан в его собственном простом текстовом формате, в отличие от this one.

Я хотел бы вставить исходный текст непосредственно в файл SVG, поэтому я могу загрузить его обратно, не потеряв ни одного указанного пользователем метаинформации (например, комментарии и форматирование).

Каков правильный способ сделать это? Редактор, который я связал выше, сохраняет свои данные в теге <source> прямо под номером <svg>. Является ли это хорошим и стандартизованным подходом?

<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. Спасибо Александру Гладышу за то, что он напомнил мне об этом.