在Javascript中打印图像而无需打开新窗口

时间:2015-03-13 09:27:21

标签: javascript jquery html image iframe

我想在不打开新窗口的情况下打印由html2canvas(正面)渲染的图像。所以我使用了一个隐藏的iframe,它将显示一个包含我要打印的图像的窗口。此窗口在onload事件中打印图像。

Javascript代码

html2canvas($('#front'), {
    onrendered: function (canvas) {
        front = canvas.toDataURL("image/png");
        $("<iframe>")          // create a new iframe element
            .hide()            // make it invisible
            .attr("src", "../html/myid_print_page.html") // point the iframe to the page I want to print
            .appendTo("body");                                       
    }
}); 

HTML代码(myid_print_page.html)

<html>
    <head>          
    </head>
    <body onload="print()">
        <img id="front" src=""></img>       
    </body>
</html>

我的问题是:

  1. 没有打印图像。
  2. 如何将渲染图像(正面)传递给&#34; myid_print_page.html&#34;?

0 个答案:

没有答案