संदर्भ curveVertex()

curveVertex()

कस्टम आकार में एक तख़्ता वक्र खंड जोड़ता है।

curveVertex() कस्टम आकृतियों में एक घुमावदार खंड जोड़ता है। इसके द्वारा बनाए गए तख़्ता वक्र को curve() फ़ंक्शन द्वारा बनाए गए वक्रों की तरह परिभाषित किया गया है। curveVertex() को beginShape() और endShape()कार्य के बीच बुलाया जाना चाहिए।

स्पलाइन वक्र ऐसे आकार और वक्र बना सकते हैं जो धीरे-धीरे ढलान करते हैं। वे उन केबलों की तरह हैं जो बिंदुओं के एक समूह से जुड़े होते हैं। स्प्लिंस को दो एंकर बिंदुओं और दो नियंत्रण बिंदुओं द्वारा परिभाषित किया गया है। curveVertex() को beginShape() और endShape() के बीच कम से कम चार बार कॉल किया जाना चाहिए। एक वक्र बनाने के लिए:

beginShape(); <p>// Add the first control point. curveVertex(84, 91);</p> <p>// Add the anchor points to draw between. curveVertex(68, 19); curveVertex(21, 17);</p> <p>// Add the second control point. curveVertex(32, 91);</p> <p>endShape(); </p>

उपरोक्त कोड स्निपेट केवल एंकर बिंदुओं के बीच वक्र खींचेगा, curve() फ़ंक्शन के समान। नियंत्रण और एंकर बिंदुओं के बीच के खंडों को नियंत्रण बिंदुओं के निर्देशांक के साथ curveVertex() पर कॉल करके खींचा जा सकता है:

beginShape(); <p>// Add the first control point and draw a segment to it. curveVertex(84, 91); curveVertex(84, 91);</p> <p>// Add the anchor points to draw between. curveVertex(68, 19); curveVertex(21, 17);</p> <p>// Add the second control point. curveVertex(32, 91);</p> <p>// Uncomment the next line to draw the segment to the second control point. // curveVertex(32, 91);</p> <p>endShape(); </p>

पहले दो पैरामीटर, x और y, शीर्ष का स्थान निर्धारित करते हैं। उदाहरण के लिए, curveVertex(10, 10) को कॉल करने से (10, 10) पर कर्व में एक बिंदु जुड़ जाता है।

वेबजीएल मोड का उपयोग करके स्पलाइन कर्व्स को 3D में भी खींचा जा सकता है। curveVertex() के 3D संस्करण में तीन तर्क हैं क्योंकि प्रत्येक बिंदु में x-, y- और z-निर्देशांक हैं। डिफ़ॉल्ट रूप से, शीर्ष का z-निर्देशांक 0 पर सेट है।

नोट: curveVertex() तब काम नहीं करेगा जब कोई तर्क beginShape() को पास किया जाता है।

उदाहरण

सिंटैक्स

curveVertex(x, y)
curveVertex(x, y, [z])

पैरामीटर्स

x
संख्या:

शीर्ष का x-निर्देशांक

y
संख्या:

शीर्ष का y-निर्देशांक

z
संख्या:

शीर्ष का z-निर्देशांक

Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/vertex.js and open a pull request!

संबंधित संदर्भ