Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTML5 캔버스 요소 인쇄


다음은 HTML5 캔버스 요소를 표시하는 코드 스니펫입니다.

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

여기서 canvas_voucher는 캔버스 요소의 ID입니다. 이 기능을 시작하려면 캔버스를 .png 이미지 URL로 변환하고 새 브라우저 창에서 열어야 합니다. 사용자가 페이지를 인쇄할 수 있도록 인쇄 대화 상자가 트리거됩니다.

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