Javascript 如何在IE11中将svg转换为图像

Javascript 如何在IE11中将svg转换为图像,javascript,html,image,svg,base64,Javascript,Html,Image,Svg,Base64,我有一个svg元素,我必须将它转换为image var svg = this.panelContent.nativeElement.querySelector('svg'); var img = new Image(); // get svg data var xml = new XMLSerializer().serializeToString(svg); // make it base64 var svg64 = btoa(xml); var b64Start = 'data:image/

我有一个
svg
元素,我必须将它转换为
image

var svg = this.panelContent.nativeElement.querySelector('svg');
var img = new Image();
// get svg data
var xml = new XMLSerializer().serializeToString(svg);

// make it base64
var svg64 = btoa(xml);
var b64Start = 'data:image/svg+xml;base64,';

// prepend a "header"
var image64 = b64Start + svg64;
// set it as the source of the img element
img.src = image64;
这在chrome浏览器中运行良好,但在
IE11
中,我收到以下错误:

XML5661:非默认命名空间声明不能有空 乌里

我为此花了一天多的时间,但我还没有找到一个解决方案


谢谢大家!

@Lain,我已经试过你的建议了。有外部资源(xlink、图像)吗?有SVG示例吗?@Lain,我已经试过你的建议了。有外部资源(xlink、图像)吗?有SVG示例吗?