Добавление ссылок на SVG-файлы

#html #svg #hyperlink #path

#HTML #svg #гиперссылка #путь

Вопрос:

Есть ли способ добавить гиперссылки на пути внутри SVG без необходимости делать это в файле HTML. Поскольку файл SVG настолько велик, что замедляет работу моего HTML, есть ли способ добавить эти ссылки в пути внутри файла SVG, а затем просто ссылаться на SVG в HTML, чтобы это не замедляло работу всего сайта?

Комментарии:

1. Нравится это? developer.mozilla.org/en-US/docs/Web/SVG/Element /… .

2. Кроме того, если ваш svg большой, почему бы не попробовать оптимизировать его с помощью svgomg , который является инструментом, используемым людьми.

Ответ №1:

определите элемент или пиксель, который вам нужно преобразовать в ссылку, и добавьте простой тег «a».

Например,

 <svg width="100" height="100">
  <a href="google.com">
     <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
  </a>
</svg>
  

Приветствия.

Комментарии:

1. Теперь это в HTML или в SVG-файле?

2. в обоих случаях вы можете использовать svg-файл как HTML.

3. Итак, я могу добавить ссылку на мой SVG-файл и сделать это в моем SVG-файле, не встроенном в HTML?

4. Если вы запустите его в веб-браузере, он может быть интерпретирован, если вы откроете его в каком-либо другом программном обеспечении, я не уверен