Javascript 为什么我能';t在ie 11中获取canvas todataurl?
我尝试将图表从xml呈现到svg,然后svg在画布中绘制并保存在计算机上 ie 11中的Canvas.toDataUrl()SecurityError,但对于google chrome来说是可以的。 如何解决这个问题 这和我一样,但对我没有帮助 请帮帮我 我有这个功能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;
$('#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会修复这个问题。