SVG - хранить некоторые дополнительные данные, которые могут быть извлечены с помощью JavaScript

Question

Извините за мое невежество, я не слишком знаком с использованием SVG. У меня есть файл SVG, но мне нужно хранить дополнительную информацию о. Такие вещи, как заголовок для изображения и описание. После поиска в StackOverflow я заметил, что вы можете вставить тег с именем metadata в svg для хранения некоторых пользовательских данных. Я действительно не понимал, как это реализовать, поэтому решил перейти к спецификации w3 для него на https://www.w3.org/TR/SVG/metadata.html, но метаданные больше не поддерживаются. Если это так, как я могу сохранить некоторую дополнительную информацию внутри файла SVG, чтобы к нему можно было получить доступ с помощью javascript?

Answer 1

Обратите внимание, что в SVG есть встроенные элементы для предоставления заголовка и описания.

<svg>
  <title>Ukulele Lady</title>
  <desc>A lady sitting on a high-backed chair playing a ukulele to an attentive dachshund.<desc>
  ...
</svg>

https://www.w3.org/TR/SVG11/single-page.html#struct-DescriptionAndTitleElements

Answer 2

Ссылка в вашем вопросе говорит, что описание метаданных перемещено сюда . Метаданные сегодня не более или менее поддерживаются браузерами, чем всегда.

Если вы используете SVG, встроенный в html, вы также можете использовать data-attribute .