टेक्स्ट को संरेखित करने का तरीका सेट करता है जब text() होता है" बुलाया.
"डिफ़ॉल्ट रूप से, text('hi', 10, 20)
को कॉल करने पर नीचे-बाएं स्थान होता है" का कोना टेक्स्ट का बाउंडिंग बॉक्स (10, 20) पर है।
पहला पैरामीटर, horizAlign
, तरीका बदलता है "text() x-निर्देशांक की व्याख्या करता है। डिफ़ॉल्ट रूप से," x-निर्देशांक बाउंडिंग बॉक्स के बाएँ किनारे को सेट करता है। टेक्स्टएलाइन()
स्वीकार horizAlign
के लिए निम्नलिखित मान: LEFT
, केंद्र
, या दाएं
।
दूसरा पैरामीटर, vertAlign
, वैकल्पिक है। यह बदल देता है रास्ता "text() y-निर्देशांक की व्याख्या करता है। डिफ़ॉल्ट रूप से," y-निर्देशांक बाउंडिंग बॉक्स के निचले किनारे को सेट करता है। टेक्स्टएलाइन()
vertAlign
के लिए निम्नलिखित मान स्वीकार करता है: TOP
, नीचे
, केंद्र
, या बेसलाइन
.
उदाहरण
सिंटैक्स
textAlign(क्षैतिज संरेखण, [लंबवतसंरेखित करें])
textAlign()
पैरामीटर्स
क्षैतिज संरेखण, या तो बाएँ, केंद्र, या दाएँ.
ऊर्ध्वाधर संरेखण, या तो शीर्ष, नीचे, केंद्र, या आधार रेखा।
संबंधित संदर्भ
ellipseMode
परिवर्तन जहां दीर्घवृत्त, वृत्त और चाप खींचे जाते हैं। डिफ़ॉल्ट रूप से, ellipse() के पहले दो पैरामीटर, circle(), और arc() आकृति के केंद्र के x- और y-निर्देशांक हैं। अगले पैरामीटर आकृति की चौड़ाई और ऊंचाई निर्धारित करते हैं। यह ellipseMode(CENTER) को कॉल करने जैसा ही है। ellipseMode(RADIUS) आकृति के केंद्र के x- और y-निर्देशांक सेट करने के लिए पहले दो पैरामीटर का भी उपयोग करता है। अगले पैरामीटर आकृतियों की चौड़ाई और ऊंचाई के आधे हैं। ellipse(0, 0, 10, 15) को कॉल करने पर 20 की चौड़ाई और 30 की ऊंचाई के साथ एक आकृति बनती है। ellipseMode(CORNER) आकृति के ऊपरी-बाएँ कोने के रूप में पहले दो मापदंडों का उपयोग करता है। अगले पैरामीटर इसकी चौड़ाई और ऊंचाई हैं। ellipseMode(CORNERS) दीर्घवृत्त के बाउंडिंग बॉक्स के एक कोने के स्थान के रूप में पहले दो पैरामीटर का उपयोग करता है। अगले पैरामीटर विपरीत कोने का स्थान हैं। ellipseMode() को दिया गया तर्क सभी बड़े अक्षरों में लिखा जाना चाहिए क्योंकि स्थिरांक CENTER, RADIUS, CORNER, और EDGES को इस प्रकार परिभाषित किया गया है। जावास्क्रिप्ट एक केस-सेंसिटिव भाषा है। .
noSmooth
टेढ़े-मेढ़े किनारों के साथ विशिष्ट विशेषताओं को चित्रित करता है। smooth() डिफ़ॉल्ट रूप से सक्रिय है। 2डी मोड में, noSmooth() बिना धुंधला किए छवियों को बड़ा करने में सहायक है। फ़ंक्शन आकृतियों या फ़ॉन्ट को प्रभावित नहीं करते हैं। WebGL मोड में, noSmooth() के कारण सभी आकृतियाँ दांतेदार (उपनाम) किनारों से खींची जाती हैं। फ़ंक्शंस छवियों या फ़ॉन्ट को प्रभावित नहीं करते हैं। .
rectMode
परिवर्तन जहां आयत और वर्ग बनाए जाते हैं। डिफ़ॉल्ट रूप से, rect() और square(), आकृति के केंद्र के x- और y-निर्देशांक हैं। अगले पैरामीटर आकृति की चौड़ाई और ऊंचाई निर्धारित करते हैं। यह rectMode(CORNER) को कॉल करने जैसा ही है। rectMode(CORNERS) किसी एक कोने के स्थान के रूप में पहले दो मापदंडों का भी उपयोग करता है। अगले पैरामीटर विपरीत कोने का स्थान हैं। यह मोड केवल rect() के लिए काम करता है। rectMode(CENTER) आकृति के केंद्र के x- और y-निर्देशांक के रूप में पहले दो पैरामीटर का उपयोग करता है। अगले पैरामीटर इसकी चौड़ाई और हैं ऊंचाई.
strokeCap
पंक्तियों के सिरों को प्रस्तुत करने के लिए शैली सेट करता है। पंक्ति के अंत के कैप या तो गोलाकार (ROUND), वर्गाकार (SQUARE), या विस्तारित (PROJECT) होते हैं। डिफ़ॉल्ट सीमा ROUND है। strokeCap() को दिया गया तर्क सभी बड़े अक्षरों में लिखा जाना चाहिए क्योंकि स्थिरांक ROUND, SQUARE, और PROJECT को इस प्रकार परिभाषित किया गया है। जावास्क्रिप्ट एक केस-सेंसिटिव भाषा है। .