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

HTML कैनवास clearRect () विधि

<घंटा/>

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

निम्नलिखित वाक्य रचना है -

ctx.clearRect(p,q,width,height);

ऊपर,

  • p :आयत के ऊपरी-बाएँ कोने का x-निर्देशांक साफ़ करने के लिए
  • q: साफ़ करने के लिए आयत के ऊपरी-बाएँ कोने का y-निर्देशांक
  • चौड़ाई :आयत की चौड़ाई साफ़ करने के लिए
  • ऊंचाई :आयत की ऊँचाई साफ़ करने के लिए

आइए अब कैनवास की clearRect() विधि को लागू करने के लिए एक उदाहरण देखें−

उदाहरण

<!DOCTYPE html>
<html>
<body>
<canvas id="newCanvas" width="500" height="350" style="border:2px solid blue;">
</canvas>
<script>
var c = document.getElementById("newCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "gray";
ctx.fillRect(0, 0, 500, 350);
ctx.clearRect(250, 100, 50, 100);
</script>
</body>
</html>

आउटपुट

HTML कैनवास clearRect () विधि


  1. HTML डोम कंसोल.क्लियर () विधि

    HTML DOM कंसोल.क्लियर () विधि का उपयोग कंसोल को खाली करने के लिए किया जाता है। कंसोल.क्लियर () विधि कंसोल में कंसोल क्लियर किया गया संदेश भी लिखेगी और पिछली सभी कंसोल सामग्री को साफ करेगी। यह विधि पूरी तरह से सभी ब्राउज़रों द्वारा समर्थित है। सिंटैक्स कंसोल.क्लियर () विधि के लिए सिंटैक्स निम्नलिखित

  1. HTML डोम createEvent () विधि

    HTML DOM createEvent () विधि का उपयोग एक ईवेंट ऑब्जेक्ट बनाने के लिए किया जाता है जिसका प्रकार पैरामीटर में निर्दिष्ट किया जाएगा। बनाए गए ईवेंट का उपयोग करने से पहले इसे प्रारंभ किया जाना चाहिए। किसी HTML तत्व को ईवेंट भेजने के लिए आपको उस निर्दिष्ट नोड पर डिस्पैचइवेंट () विधि का उपयोग करना होगा। सि

  1. एचटीएमएल डोम getNamedItem () विधि

    HTML DOM getNamedItem () विधि का उपयोग किसी दिए गए नाम के साथ विशेषता नोड को NamedNodeMap ऑब्जेक्ट के रूप में प्राप्त करने के लिए किया जाता है। उस विशिष्ट विशेषता नोड को प्राप्त करने के लिए हमें इस विधि को केवल विशेषताएँ गुण पर कॉल करना होगा क्योंकि विशेषता गुण एक सूची देता है जिससे हम getNamedItem(