Поддержка изображений IE11 и Edge в SVG

У меня есть встроенный SVG что-то вроде этого:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <image xlink:href="img.jpg"></image>
</svg>

Он отлично работает в Chrome и даже Safari, но в IE11 и Edge не отображает изображение. Другие элементы, такие как линии, отображаются... хорошо (они совершенно неправильного размера, но, по крайней мере, я их вижу). Есть ли способ заставить изображение работать? Может быть, с полифилом?

1 ответ

Решение

IE и Edge еще не реализуют SVG 2, что позволяет пропускать атрибуты width и height. Firefox FWIW тоже не работает.

Чтобы исправить, добавьте явные атрибуты высоты и ширины с допустимыми значениями к изображению.

Другие вопросы по тегам