动态SVG图标未在IE中显示

Question

我只需将IMG标记的SRC属性设置为数据即可呈现动态图标：... 在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 +'"/>');

Fiddle:

任何人都知道为什么IE不会渲染SVG？

Answer 1

早期版本的Internet Explorer要求数据uri是base64编码的。我不确定IE11是否改变了，但你没有指定哪个版本的IE导致了问题。