Поддержка изображений 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 тоже не работает.
Чтобы исправить, добавьте явные атрибуты высоты и ширины с допустимыми значениями к изображению.