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

HTML में एक स्क्रिप्ट के साथ ग्राफिक्स कैसे बनाएं?


एक स्क्रिप्ट के साथ ग्राफिक्स बनाने के लिए, <कैनवास> टैग का उपयोग करें। HTML <कैनवास> टैग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि बनाने के लिए है।

निम्नलिखित <कैनवास> टैग की विशेषताएं हैं -

विशेषता
<वें शैली ="चौड़ाई:18.1965%; पाठ-संरेखण:केंद्र;">मान
<वें शैली ="चौड़ाई:64.7343%; पाठ-संरेखण:केंद्र;">विवरण
height HTML में एक स्क्रिप्ट के साथ ग्राफिक्स कैसे बनाएं?
पिक्सेल
कैनवास की ऊंचाई निर्दिष्ट करता है।
width HTML में एक स्क्रिप्ट के साथ ग्राफिक्स कैसे बनाएं?
पिक्सेल
कैनवास की चौड़ाई निर्दिष्ट करता है।

उदाहरण

आप <कैनवास> टैग को लागू करने और ग्राफिक्स बनाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Canvas Tag</title>
   </head>
   <body>
      <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#00AEEF';
         ctx.fillRect(0,0,180,50);
      </script>
   </body>
</html>

  1. HTML के साथ एक ग्रंथ सूची कैसे बनाएं?

    ग्रंथ सूची एक ऐसा खंड है जहां संदर्भित पुस्तकों की सूची का उल्लेख किया जाता है। HTML के साथ, आप आसानी से एक ग्रंथ सूची बना सकते हैं। उसके लिए, हम पुस्तकों को सूचीबद्ध करने के लिए टैग का उपयोग करेंगे और साथ ही काम का शीर्षक जोड़ने के लिए का उपयोग करेंगे। टैग का उपयोग कार्य शीर्षक को गीत, पेंटिंग,

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

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

  1. AutoHotkey के साथ ऐप-विशिष्ट हॉटकी कैसे बनाएं

    क्या यह कष्टप्रद नहीं है जब लगभग समान ऐप्स समान परिणाम प्राप्त करने के लिए विभिन्न कुंजी संयोजनों का उपयोग करते हैं? इससे भी बदतर, क्या आपको इससे नफरत नहीं है जब सॉफ्टवेयर का एक टुकड़ा अस्पष्ट कीबोर्ड शॉर्टकट का उपयोग करने के लिए उन्हें फिर से तैयार करने का विकल्प प्रदान किए बिना जोर देता है? प्रत्य