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>
आउटपुट