Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML5 Canvas एलिमेंट प्रिंट करें


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

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

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

function print_canvasr(){ 
    var win1 = window.open(); 
    win1.document.write("
HTML5 Canvas एलिमेंट प्रिंट करें"); win1.print(); win1.location.reload(); }

  1. - IE में HTML5 कैनवास एलिमेंट का उपयोग कैसे करें?

    ExplorerCanvas (excanvas.js) पुराने इंटरनेट एक्सप्लोरर संस्करणों (IE 6-8) में HTML5 <canvas> तत्व का मूल समर्थन नहीं था। ExplorerCanvas (excanvas.js) एक जावास्क्रिप्ट लाइब्रेरी है जो VML (वेक्टर मार्कअप लैंग्वेज) का उपयोग करके इन ब्राउज़र्स में कैनवास कार्यक्षमता जोड़ती है। 📝 ऐतिहासिक संदर

  1. - HTML5 में कैनवास को केंद्र में कैसे संरेखित करें?

    कैनवास केंद्रित करना HTML5 कैनवास एक इंलाइन-ब्लॉक तत्व की तरह व्यवहार करता है। इसे पेज या कंटेनर के केंद्र में संरेखित करने के कई तरीके हैं। विधि 1: टेक्स्ट-अलाइन (सरलतम) कैनवास को ब्लॉक तत्व में लपेटें और text-align: center उपयोग करें: <!DOCTYPE html> <html> <body> <div s

  1. - HTML5 कैनवास एलिमेंट पर ड्रॉ की गई इमेज का रंग बदलें

    HTML5 कैनवास एलिमेंट पर ड्रॉ की गई इमेज का रंग बदलने के लिए, आप निम्नलिखित कोड चलाने का प्रयास कर सकते हैं। drawImage() मेथड का उपयोग करें: function display(img1, red, gr, bl) { //इमेज का रंग बदलने के लिए फंक्शन     var canvas1 = document.createElement(canvas);//कैनवास एलिमेंट इनिशियलाइज़