динамический значок SVG не отображается в IE

Я отображаю динамический значок, просто устанавливая атрибут SRC тега IMG в data:... Отлично работает в Chrome, но IE его не показывает.

var icn = "data:image/svg+xml;utf8,<svg width='100' height='100' xmlns='http://www.w3.org/2000/svg'><path d='m10,38.85715l31.14282,28.85715l50.28576,-56.00001' fill='none' stroke-width='20' stroke='#09f'/></svg>";

$('body').append('<img width="20" height="20" src="'+ icn +'"/>');

Скрипка:

Кто-нибудь знает, почему IE не отображает SVG?


person tim    schedule 30.01.2014    source источник


Ответы (1)


Более ранние версии Internet Explorer требуют, чтобы uri данных были в кодировке base64. Я не уверен, изменилось ли это в IE11, но вы не указываете, какая версия IE вызывает проблемы.

person Stephen Thomas    schedule 30.01.2014