画布图像没有在Internet Explorer中绘制

Question

我试图将svg元素导出到canvas元素，并且在chrome和firefox中运行finr但是在IE中无效。你能指导我做错了什么或如何解决这个问题吗？

这是我的代码，

$("#import").click(function(){
                var canvas = document.getElementById('canvas1');
                var ctx = canvas.getContext('2d');
                var DOMURL = window.URL || window.webkitURL || window;
                $("#containerew").attr("xmlns", "http://www.w3.org/2000/svg");
                var data1 = document.getElementById("containerew").outerHTML;
                var img = new Image();
                var svg = new Blob([data1], { type: 'image/svg+xml;charset=utf-8' });
                var url = DOMURL.createObjectURL(svg);


                img.onload = function () {
                    ctx.drawImage(img,25, 25);
                    DOMURL.revokeObjectURL(url);
                }
                img.src = url;


            return true;
       });

请查看以下链接，例如

Sample