【问题标题】: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 中进行下载,但图表消失了。屏幕截图中仅捕获了可用的文本,我们看到白色补丁代替图表/图表
    猜你喜欢
    • 1970-01-01
    • 2016-03-11
    • 2019-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-08
    • 2018-10-19
    • 2023-03-09
    相关资源
    最近更新 更多