打印HTML5画布元素
以下是显示HTML5canvas元素的代码段。
<a href = "javascript:print_voucher()">PRINT CANVAS</a> function print_canvas() { $("#canvas_voucher").printElement(); }
canvas_voucher是canvas元素的ID。要使此功能正常运行,我们需要将canvas转换为.png图片网址,然后在新的浏览器窗口中将其打开。触发“打印”对话框,使用户可以打印页面。
function print_canvasr(){ var win1 = window.open(); win1.document.write("<br><img src = '"+canvas.toDataURL()+"'/>"); win1.print(); win1.location.reload(); }