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

HTML5 में कैनवास टैग का उपयोग क्यों करें?


कैनवास की ऊंचाई निर्दिष्ट करता है। HTML <कैनवास> टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। <कैनवास> टैग HTML5 में पेश किया गया है।

आइए एक साधारण <कैनवास> तत्व को दो विशिष्ट विशेषताओं चौड़ाई और ऊंचाई के साथ सभी मूल HTML5 विशेषताओं जैसे आईडी, नाम और वर्ग आदि के साथ देखें।

<canvas id="myCanvas" width="100" height="100"></canvas>

ये विशेषताएं हैं -

विशेषता मान विवरण
height HTML5 में कैनवास टैग का उपयोग क्यों करें? pixels
कैनवास की ऊंचाई निर्दिष्ट करता है।
width HTML5 में कैनवास टैग का उपयोग क्यों करें? pixels
कैनवास की चौड़ाई निर्दिष्ट करता है।



HTML5 में कैनवास टैग का उपयोग क्यों करें?

उदाहरण

आयत बनाने के लिए कैनवास का उपयोग कैसे करें, यह जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं। कैनवास तत्व में एक DOM विधि है जिसे getContext कहा जाता है, जो रेंडरिंग संदर्भ और इसके ड्राइंग फ़ंक्शन प्राप्त करता है। यह फ़ंक्शन एक पैरामीटर लेता है, संदर्भ 2d का प्रकार।

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Canvas Tag</title>
   </head>
   <body>
      <canvas id = "myCanvas"></canvas>
      <script>
         var c = document.getElementById('myCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#7cce2b';
         ctx.fillRect(0,0,300,100);
      </script>
   </body>
</html>

  1. हम HTML दस्तावेज़ में DOCTYPES का उपयोग क्यों करते हैं?

    HTML टैग का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि दस्तावेज़ किस HTML संस्करण का उपयोग कर रहा है। इसे दस्तावेज़ प्रकार की घोषणा (डीटीडी) कहा जाता है। घोषणा पहली चीज है जिसे आप HTML दस्तावेज़ में देख सकते हैं। यह टैग से पहले जुड़ जाता है। टैग का अंत टैग नहीं है!. घोषणा HTML 4.01 में 3 संभ

  1. आरेख और ग्राफ़ बनाने के लिए GoJS HTML5 कैनवास लाइब्रेरी का उपयोग कैसे करें?

    GoJS एक जावास्क्रिप्ट लाइब्रेरी है, जिसका उपयोग आप इंटरेक्टिव डायग्राम को लागू करने के लिए कर सकते हैं। यह पृष्ठ आपको GoJS का उपयोग करने की अनिवार्यता दिखाएगा। अगर आप डायग्राम और ग्राफ जोड़ना चाहते हैं, तो इस लाइब्रेरी का इस्तेमाल करें, जो ओपन सोर्स है। GoJS में एक मॉडल-व्यू आर्किटेक्चर है, जिसमें म

  1. HTML कैनवास टैग

    HTML में कैनवास टैग का उपयोग ग्राफिक्स बनाने के लिए किया जाता है। ग्राफिक्स बनाने के लिए, आपको स्क्रिप्ट का उपयोग करने की आवश्यकता है। यह टैग HTML5 में पेश किया गया है। प्रत्येक कैनवास में दो तत्व होते हैं जो कैनवास की ऊंचाई और चौड़ाई का वर्णन करते हैं अर्थात क्रमशः ऊंचाई और चौड़ाई। निम्नलिखित विशे