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

HTML5 कैनवास में getContext क्या है?


कैनवास एलिमेंट में getContext नामक एक DOM मेथड होता है, जिसका उपयोग रेंडरिंग कॉन्टेक्स्ट और इसके ड्राइंग फंक्शन्स को प्राप्त करने के लिए किया जाता है। यह फंक्शन एक पैरामीटर लेता है, कॉन्टेक्स्ट का प्रकार 2d।

आपके ब्राउज़र द्वारा <canvas> एलिमेंट सपोर्ट करने की जांच के साथ आवश्यक कॉन्टेक्स्ट प्राप्त करने के लिए निम्न कोड है:

var canvas = document.getElementById("mycanvas"); if (canvas.getContext){    var ctx = canvas.getContext('2d');    // ड्राइंग कोड यहां    } else {    // कैनवास-असमर्थित कोड यहां }

  1. HTML5 में Canvas के लिए फ्री लाइब्रेरीज़ कौन सी हैं? HTML5 में Canvas के लिए फ्री लाइब्रेरीज़ कौन सी हैं?

    यदि आपको अपनी वेबसाइट पर इंटरैक्टिव एलिमेंट्स जोड़ने की आवश्यकता है, तो Canvas के लिए फ्री लाइब्रेरीज़ आपका काम आसान कर सकती हैं। पहले, आइए चर्चा करें कि HTML5 में Canvas कैसे बनाएं। HTML <canvas> टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि ड्रा करने के लिए किया जाता है। <

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

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

  1. - SVG और HTML5 Canvas में क्या अंतर है?

    HTML <svg> एलिमेंट SVG ग्राफिक्स के लिए एक कंटेनर है। SVG का अर्थ Scalable Vector Graphics है। SVG बॉक्स, सर्कल, टेक्स्ट आदि जैसे ग्राफिक्स परिभाषित करने के लिए उपयोगी है। SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने की एक भाषा है और X