bezier

एक बेज़ियर वक्र बनाता है।

बेज़ियर वक्र धीरे-धीरे ढलान वाली आकृतियाँ और वक्र बना सकते हैं। वे दो एंकर बिंदुओं और दो नियंत्रण बिंदुओं द्वारा परिभाषित हैं। बेज़ियर वक्र curve() फ़ंक्शन के साथ बनाए गए स्पलाइन वक्रों की तुलना में अधिक नियंत्रण प्रदान करते हैं।

पहले दो पैरामीटर, x1 और y1, पहला एंकर पॉइंट सेट करते हैं। पहला एंकर बिंदु वह है जहां वक्र शुरू होता है।

अगले चार पैरामीटर, x2, y2, x3, और y3, दो नियंत्रण बिंदु निर्धारित करते हैं| नियंत्रण बिंदु वक्र को अपनी ओर "खींचते" हैं।

सातवां और आठवां पैरामीटर, x4 और y4, अंतिम एंकर बिंदु सेट करते हैं। अंतिम लंगर बिंदु वह है जहां वक्र समाप्त होता है।

बेज़ियर कर्व्स को WebGL मोड का उपयोग करके 3D में भी खींचा जा सकता है। bezier() के 3D संस्करण में बारह तर्क हैं क्योंकि प्रत्येक बिंदु में x-, y- और z-निर्देशांक हैं।

उदाहरण

सिंटैक्स

bezier(x1, y1, x2, y2, x3, y3, x4, y4)
bezier(x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4)

पैरामीटर्स

x1
संख्या:

पहले एंकर बिंदु के लिए x-निर्देशांक

y1
संख्या:

पहले एंकर बिंदु के लिए y-निर्देशांक

x2
संख्या:

पहले नियंत्रण बिंदु के लिए x-निर्देशांक

y2
संख्या:

पहले नियंत्रण बिंदु के लिए y-निर्देशांक

x3
संख्या:

दूसरे नियंत्रण बिंदु के लिए x-निर्देशांक

y3
संख्या:

दूसरे नियंत्रण बिंदु के लिए y-निर्देशांक

x4
संख्या:

अंत बिंदु के लिए x-निर्देशांक

y4
संख्या:

अंत बिंदु के लिए y-निर्देशांक

z1
संख्या:

पहले एंकर बिंदु के लिए z-निर्देशांक

z2
संख्या:

पहले नियंत्रण बिंदु के लिए z-निर्देशांक

z3
संख्या:

दूसरे नियंत्रण बिंदु के लिए z-निर्देशांक

z4
संख्या:

अंत बिंदु के लिए z-निर्देशांक

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

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