Canvas2Image 在 IE11 中不起作用答案

【问题标题】：Canvas2Image not working in IE11Canvas2Image 在 IE11 中不起作用
【发布时间】：2018-10-25 04:40:31
【问题描述】：

Canvas2Image 在 IE11 中出现错误。我收到一个错误，因为

对象不支持此操作

在 Canvas2Image.js 中

var event = new MouseEvent('click',{"bubbles":false, "cancelable":false});

【问题讨论】：

标签： javascript internet-explorer html5-canvas internet-explorer-11 html2canvas

【解决方案1】：

IE 在某些情况下会遇到 MouseEvents 问题。

作为一种解决方法，您可以使用如下所示的方法

var event = document.createEvent("MouseEvent");
event.initMouseEvent("click",false,false,window,0,0,0,0,0,false,false,false,false,0,null);

所以你的回退 IE 逻辑的逻辑如下所示。

if (typeof MouseEvent !== 'function') {
    var event = document.createEvent("MouseEvent");
    event.initMouseEvent("click", false, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
} else {
    var event = new MouseEvent('click',{"bubbles":false, "cancelable":false});
}

【讨论】：

所以在添加上述代码后，我在控制台中看不到任何错误。但在那之后什么都没有发生。
@chetnagupta 你忘了放最终功能吗？我没有看到任何代码。
函数 saveFile (strData,filename) { var save_link = document.createElement('a'); save_link.href = strData; save_link.download = 文件名； if (typeof MouseEvent !== 'function') { var event = document.createEvent("MouseEvent"); event.initMouseEvent("点击", false, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); save_link.dispatchEvent(事件); } else { var event = new MouseEvent('click',{"bubbles":false, "cancelable":false}); save_link.dispatchEvent(事件); }}
看起来 Canvas2ImageJS 在 IE11 中根本不起作用。我在 IE11 中找不到任何可用的演示。

【解决方案2】：

最后，我在此链接中找到了解决方案。

（我可以在 IE11 中成功。与 html2canvas.js v0.41(旧版本)一起使用)

https://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=79712&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%BF%DC%BA%CE+%C0%CC%B9%CC%C1%F6&sop=and

【讨论】：

使用 html2canvas.js v0.41 可以在 IE 中下载吗？看起来它仍然不适合我
在 IE 中进行下载，但图表消失了。屏幕截图中仅捕获了可用的文本，我们看到白色补丁代替图表/图表