In phần tử canvas HTML5

Sau đây là đoạn mã để hiển thị phần tử canvas HTML5.

<a href = "javascript:print_voucher()">PRINT CANVAS</a>
function print_canvas()
{
   $("#canvas_voucher").printElement();
}

Đây canvas_voucher là ID của phần tử canvas. Để bắt đầu hoạt động, chúng ta cần chuyển canvas thành URL hình ảnh .png và mở nó trong cửa sổ trình duyệt mới. Hộp thoại in được kích hoạt để cho phép người dùng in trang.

function print_canvasr(){
   var win1 = window.open();
   win1.document.write("<br><img src = '"+canvas.toDataURL()+"'/>");
   win1.print();
   win1.location.reload();
}