एक HTML5 कैनवास तत्व प्रिंट करें

HTML5 कैनवास तत्व प्रदर्शित करने के लिए कोड स्निपेट निम्नलिखित है।

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

यहां कैनवास_वाउचर कैनवास तत्व की आईडी है। इसे कार्य करने के लिए हमें कैनवास को .png छवि URL में परिवर्तित करना होगा और इसे एक नई ब्राउज़र विंडो में खोलना होगा। उपयोगकर्ता को पेज प्रिंट करने देने के लिए प्रिंट डायलॉग ट्रिगर होता है।

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