Javascript 为什么我能';t在ie 11中获取canvas todataurl?

Javascript 为什么我能';t在ie 11中获取canvas todataurl?,javascript,internet-explorer,canvas,render,todataurl,Javascript,Internet Explorer,Canvas,Render,Todataurl,我尝试将图表从xml呈现到svg,然后svg在画布中绘制并保存在计算机上 ie 11中的Canvas.toDataUrl()SecurityError,但对于google chrome来说是可以的。 如何解决这个问题 这和我一样,但对我没有帮助 请帮帮我 我有这个功能 $('#exportBtn').click(function () { var object = new Object(); object.xml=xml;

我尝试将图表从xml呈现到svg,然后svg在画布中绘制并保存在计算机上

ie 11中的Canvas.toDataUrl()SecurityError,但对于google chrome来说是可以的。 如何解决这个问题 这和我一样,但对我没有帮助

请帮帮我

我有这个功能

 $('#exportBtn').click(function () {
            var object = new Object();
            object.xml=xml;
            render(object)
            var svg = document.querySelector("svg");
            var img = document.createElement("img");
            var canvas = document.createElement("canvas");

            var svgSize = svg.getBoundingClientRect();
            canvas.width = svgSize.width * 3;
            canvas.height = svgSize.height * 3;
            canvas.style.width = svgSize.width;
            canvas.style.height = svgSize.height;

            var svgData = new XMLSerializer().serializeToString(svg);

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

            img.onload = function () {
                var ctx = canvas.getContext("2d");
                ctx.scale(3, 3);
                var x0 = Math.floor(0);
                var y0 = Math.floor(0);
                ctx.translate(-x0, -y0);           
                var bg = graph.background;

                if (bg == null || bg == '' || bg == mxConstants.NONE) {
                    bg = '#ffffff';
                }

                ctx.save();
                ctx.fillStyle = bg;
                ctx.fillRect(x0, y0, Math.ceil(svgSize.width * 3), Math.ceil(svgSize.height * 3));
                ctx.restore();
                ctx.drawImage(img, 0, 0,canvas.width,canvas.height);
                var canvasdata = canvas.toDataURL("image/png", 1);
                var a = document.createElement("a");
                a.download = "download_img" + ".png";
                a.href = canvasdata;
                document.body.appendChild(a);
                a.click();
            };
            img.src = image64;
        }
            );

这是我的

请在实际问题中填写代码的相关部分和完整的错误信息。别忘了正确格式化,这样你链接到的问题就包含了你的答案:IE11认为
元素好像它们总是跨原点,因此会污染画布,不允许你取出数据。如果您需要此选项,他们还建议使用
canvg
。没有办法解决这个问题,我也看不到Microsoft会修复这个问题。