【问题标题】:print canvas in new window在新窗口中打印画布
【发布时间】:2017-12-22 20:04:09
【问题描述】:

我想在新打开的窗口中打印画布, 它也显示在新窗口中,但是当它进入 print(); 它是这样的空白: enter image description here

这是我的代码

$('#BPrint').click(function () {

        stage3.toDataURL({
        callback: function (dataUrl) {
            //alert(dataUrl);
        var di = new Image();
        di.src = dataUrl;
        var canvas = document.getElementById("DC");
        canvas.height = di.height;
        canvas.width = di.width;
        var context = canvas.getContext("2d");
        context.drawImage(di, 0, 0);

        var printWin = window.open('', '', 'width=486,height=237');
        $(printWin.document.body).append(di);
        printWin.focus();
        printWin.print()
     ;}

});

});

【问题讨论】:

    标签: javascript jquery html html5-canvas


    【解决方案1】:

    当图片已经追加到新窗口:printWin,新窗口找不到图片路径,是指向默认窗口的。

    【讨论】:

    • 你的意思是我需要一个指向 print() 新窗口的路径吗?因为图像确实显示在新窗口上。
    • 我再次使用 todataurl() 到旧页面的画布上,它可以工作
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-01
    • 1970-01-01
    • 2013-10-10
    • 2021-07-20
    • 1970-01-01
    相关资源
    最近更新 更多