Как сделать ссылку внутри SVG файла на какой-либо объект?

Question

[weranda]

Приветствую.
Есть простой код:

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <a href="/docs/Web/SVG/Element/circle">
    <circle cx="50" cy="40" r="35" />
  </a>
</svg>

Вариант 1
Если его вставить в HTML, то ссылка работает.

Вариант 2
Если код вставить в файл .svg и разместить в HTML ссылкe на этот файл в теге img <img src="file.svg">, то ссылка не работает.

Подскажите, пожалуйста, есть ли вариант заставить работать ссылку во втором варианте (при чтении данных SVG из файла)?

А еще заметил, что в первом варианте можно задать через стили, к примеру, при наведении на элемент и поменять ему цвет, а во втором варианте нельзя. Это какая-то особенность и никак ее не обойти и придется вставлять SVG код прямо в HTML?

Comments

[mayton2019]

Пока непонятно. Но такая есть мысль что только инфо-безопасность может мешать линкованию.

Answer 1

[Aetae]

<img> - это чисто картинка, которая ведёт себя как картинка и никак иначе, никакой интерактивности.

Ты можешь либо использовать object\embed\ifrrame, либо преобразовать в svg symbol и использовать svg use.

Answer 2

[wisgest]

Вставлять классическим способом — тегом <object/>.