एक आयत बनाता है।
आयत एक चार-तरफा आकृति है जो x, y, w, और h द्वारा परिभाषित होती है। पैरामीटर. x और y इसके ऊपरी-बाएँ कोने का स्थान निर्धारित करें। w इसकी चौड़ाई निर्धारित करता है और h इसकी ऊंचाई निर्धारित करता है। आयत का प्रत्येक कोण माप 90˚. आयतों को परिभाषित करने के अन्य तरीकों के लिए rectMode() देखें।
पांच मापदंडों के साथ rect() का संस्करण एक गोल आयत बनाता है। पाँचवाँ पैरामीटर चारों कोनों के लिए त्रिज्या निर्धारित करता है।
आठ मापदंडों के साथ rect() का संस्करण एक गोल आयत भी बनाता है। अंतिम चार मापदंडों में से प्रत्येक एक कोने की त्रिज्या निर्धारित करता है। त्रिज्या ऊपरी-बाएँ कोने से शुरू होती है और आयत के चारों ओर दक्षिणावर्त घूमती है। यदि इनमें से कोई भी पैरामीटर छोड़ा गया है, तो उन्हें सेट किया गया है अंतिम त्रिज्या का मान जो निर्धारित किया गया था।
उदाहरण
सिंटैक्स
rect(x, y, w, [h], [tl], [tr], [br], [bl])rect(x, y, w, h, [detailX], [detailY])पैरामीटर्स
आयत का x-निर्देशांक।
आयत का y-निर्देशांक।
आयत की चौड़ाई.
आयत की ऊंचाई.
ऊपरी-बाएँ कोने की वैकल्पिक त्रिज्या।
ऊपरी-दाएं कोने की वैकल्पिक त्रिज्या।
निचले-दाएं कोने की वैकल्पिक त्रिज्या।
निचले-बाएँ कोने की वैकल्पिक त्रिज्या।
x-दिशा में खंडों की संख्या (WebGL मोड के लिए)।
y-दिशा में खंडों की संख्या (WebGL मोड के लिए)।
संबंधित संदर्भ
arc
एक चाप खींचता है। एक चाप x, y, w, और h द्वारा परिभाषित दीर्घवृत्त का एक खंड है पैरामीटर.
circle
एक वृत्त खींचता है। एक वृत्त एक गोल आकार है जो x, y, और d पैरामीटर द्वारा परिभाषित होता है। x और y इसके केंद्र का स्थान निर्धारित करते हैं। d इसकी चौड़ाई और ऊंचाई (व्यास) निर्धारित करता है। वृत्त के किनारे पर प्रत्येक बिंदु उसके केंद्र से समान दूरी पर है, d। इसकी स्थिति निर्धारित करने के अन्य तरीकों के लिए ellipseMode() देखें। .
ellipse
एक दीर्घवृत्त (अंडाकार) बनाता है। एक दीर्घवृत्त एक गोल आकार है जो x, y, w, और h पैरामीटर द्वारा परिभाषित होता है। x और y इसके केंद्र का स्थान निर्धारित करते हैं। w और h इसकी चौड़ाई और ऊंचाई निर्धारित करते हैं। इसकी स्थिति निर्धारित करने के अन्य तरीकों के लिए ellipseMode() देखें। यदि कोई ऊंचाई निर्धारित नहीं है, तो चौड़ाई का मान चौड़ाई और ऊंचाई दोनों के लिए उपयोग किया जाता है। यदि कोई नकारात्मक ऊंचाई या चौड़ाई निर्दिष्ट की गई है, तो पूर्ण मान लिया जाता है। पांचवां पैरामीटर, detail, भी वैकल्पिक है। यह निर्धारित करता है कि WebGL मोड में दीर्घवृत्त खींचने के लिए कितने शीर्षों का उपयोग किया जाता है। डिफ़ॉल्ट मान 25 है.
line
दो बिंदुओं के बीच एक सीधी रेखा खींचता है। एक पंक्ति की डिफ़ॉल्ट चौड़ाई एक पिक्सेल है। line() का संस्करण चार मापदंडों के साथ 2D में रेखा खींचता है। किसी रेखा को रंगने के लिए, stroke() फ़ंक्शन का उपयोग करें। इसकी चौड़ाई बदलने के लिए, strokeWeight() फ़ंक्शन का उपयोग करें। एक लाइन नहीं भरी जा सकती, इसलिए fill() फ़ंक्शन लाइन के रंग को प्रभावित नहीं करेगा। छह मापदंडों के साथ line() का संस्करण लाइन को 3D स्पेस में खींचने की अनुमति देता है। ऐसा करने के लिए WEBGL तर्क को createCanvas() में जोड़ने की आवश्यकता होती है। .