打印HTML5画布元素

以下是显示HTML5 canvas元素的代码段。

<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();
}