在IE 11中显示javascript中的SVG

当通过javascript加载svg内容时，IE 11不显示图像。我认为这是由于onload事件没有开始触发，但我似乎无法找到原因

图像在Chrome中按预期显示

$（“#btn生成”）。在（“单击”，函数（）{
var img=新图像（）；
img.src=$（“#svg内容”）.val（）；
$（“#显示”）.append（img）；
});

IE 11-显示SVG内容的问题
SVG内容
数据：image/svg+xml，xml version=“1.0”encoding=“UTF-8”standalone=“否”？！DOCTYPE svg PUBLIC“-//W3C//DTD svg 1.1//EN”http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd“svg xmlns=”http://www.w3.org/2000/svg“version=“1.1”width=“354”height=“84”path fill=“none”stroke=“#000000”stroke width=“2”stroke linecap=“round”stroke linejoin=“round”d="7.4.7.4.7.7.7.7.7.7.7.7.4.7.7.7.7.7.7.7.7.7.7.0.0.4.1.1.1.1.1.1.7.1.1.1.7.7.7.7.7.7.7.7.7.7.7.7.1.7.1.7.1.7.1.1.1.1.1.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5-5.39 25-9摄氏度3.9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 5 10 10 0 0 0 0 9 9 9 9 9 0 0 0 0 0 0 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 6 6 6 6 6 6 6 6 6 6 6 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 0摄氏度-1.36摄氏度-2.51摄氏度-3.08摄氏度-4摄氏度-59.59.59.1.59.1.1.1.1.5.5.5.5.5.5.5.5.5.5.5.5.5.58.58.58.58-23.23.1.3 1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.3.1.1.1.1.1.1.1.1.1.1.1.1.3.1.3.1.3.1.1.3 1.1.1.1.1.3 1.1.1.1.1.1.1.1.1.1.1.1.1.3.3.1.3.3.3.3.1.3.3.3.1.1.3 1.1.1.1.3 1.1.1.1.1.1.1.1.1.1.1.1.1 1.1.1 1 1 1 1.1.3 34 4.99 4.49 7 c 1.91 2.39 3.777.7.7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 3 3 3 3 3 3 3 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 c-4.91 1.79-9.34 11.39-13 17 c-1.6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 0 0 0 0 0 0 0 0 0 0 0 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8.0.16-126 1 c-9.62 0.19-7.6.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.3.7.3.3.3.3.3.3.3.3.3.3.3.3.7.6.7.7.7.7.7.7.7.7.7.7.7.7.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.0.3.3.3.3.3.0-5 c 4.62-3.24 9.77-7.6.6-4.6 6-4.3 3 3 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 8.69-17 12 c-3.26 1.86-7.892.34-114C-1.50.8-2.463.49-44C-6.392.13-15.443.65-235C-1.610.29-3.56-0.39-50L-63”//svg



您的代码在Firefox中也不起作用-它会显示损坏的图像图标。

更新：在Firefox中，它不适用于：

[……]将允许下列情况：
[……]


在顶级窗口中打开“data:image/*”，除非是“data:image/svg+xml”



您可以通过以下方式创建Blob并为其创建URL：

var svgcontent = '<svg xmlns="http://www.w3.org/2000/svg"><some-content /></svg>'
var blob = new Blob([svgcontent], {type: "image/svg+xml"})
var url = URL.createObjectURL(blob);


IE 11-显示SVG内容的问题
SVG内容
svg xmlns=”http://www.w3.org/2000/svg“version=“1.1”width=“354”height=“84”path fill=“none”stroke=“#000000”stroke width=“2”stroke linecap=“round”stroke linejoin=“round”d=”7.4.7.4.7.7.7.7.7.7.7.7.4.7.7.7.7.7.7.7.7.7.7.0.0.4.1.1.1.1.1.1.7.1.1.1.7.7.7.7.7.7.7.7.7.7.7.7.1.7.1.7.1.7.1.1.1.1.1.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5-5.39 25-9摄氏度3.9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 5 10 10 0 0 0 0 9 9 9 9 9 0 0 0 0 0 0 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 6 6 6 6 6 6 6 6 6 6 6 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 0摄氏度-1.36摄氏度-2.51摄氏度-3.08摄氏度-4摄氏度-59.59.59.1.59.1.1.1.1.5.5.5.5.5.5.5.5.5.5.5.5.5.58.58.58.58-23.23.1.3 1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.3.1.1.1.1.1.1.1.1.1.1.1.1.3.1.3.1.3.1.1.3 1.1.1.1.1.3 1.1.1.1.1.1.1.1.1.1.1.1.1.3.3.1.3.3.3.3.1.3.3.3.1.1.3 1.1.1.1.3 1.1.1.1.1.1.1.1.1.1.1.1.1 1.1.1 1 1 1 1.1.3 34 4.99 4.49 7 c 1.91 2.39 3.777.7.7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 3 3 3 3 3 3 3 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 c-4.91 1.79-9.34 11.39-13 17 c-1.6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 0 0 0 0 0 0 0 0 0 0 0 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8.0.16-126 1 c-9.62 0.19-18.47 1.01-28 2 c-6.87 0.72-13.37 1.67-20 3 c-3.42 0.68-7.43 1.62-10 3 c-1.23 0.66-3.27 3.09-3 4 c 0.47 1.55 3.91 4.48 6 c 1.33 0.97 3.26 1.51 5 2 c 11.39 3.21 22.74 5.7 34 c 2.44 0.71 4.72 2.57 7 c 2。