Поддержка изображений 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 не отображает изображение. Другие элементы, такие как линии, отображаются... хорошо (они совершенно неправильного размера, но, по крайней мере, я их вижу). Есть ли способ заставить изображение работать? Может с полифиллом?


person Timmmm    schedule 09.03.2017    source источник


Ответы (1)


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

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

person Robert Longson    schedule 09.03.2017