SVG тег не загружает изображение в браузере

попытка загрузить изображение в SVG с помощью HTML-страницы:

<html>
...
<svg>
<image x="330" y="137" width="320" height="38" preserveAspectRatio="none" href="/img/title.png"></image>
</svg>
...
</html>

все остальные элементы в svg загружаются (пути формируют текст), кроме изображения. Любой способ заставить это работать в браузерах? Я пробовал Chrome, Firefox, IE. Во всех браузерах отсутствует изображение.

используя Chrome, я обнаружил, что Chrome даже не отправляет запрос на изображение. У меня есть предчувствие, что это то же самое для IE и Firefox.

какие решения?

7
cross-browser html svg

1 ответов

вам нужно использовать:

<image ... xlink:href="...">

посмотреть спецификация структуры документа SVG.

14