动态 SVG 图标未在 IE 中显示答案

【问题标题】：dynamic SVG icon not showing in IE动态 SVG 图标未在 IE 中显示
【发布时间】：2014-02-22 02:28:21
【问题描述】：

我通过简单地将 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？

【问题讨论】：

标签： jquery internet-explorer svg jquery-svg

【解决方案1】：

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

【讨论】：