HTML canvas quadraticCurveTo() विधि
परिभाषा और उपयोग
quadraticCurveTo() विधि का उपयोग करके वर्तमान पथ में द्विगुणित बेझियर कर्व के निर्दिष्ट नियंत्रण बिन्दु को एक बिन्दु जोड़ें।
सूचना:द्विगुणित बेझियर कर्व को दूर करने के लिए दो बिन्दुओं की आवश्यकता है। पहला बिन्दु द्विगुणित बेझियर गणना में इस्तेमाल होने वाला नियंत्रण बिन्दु है, दूसरा बिन्दु कर्व का समाप्त बिन्दु है। कर्व का शुरूआती बिन्दु वर्तमान पथ के अंतिम बिन्दु है। यदि पथ मौजूद नहीं है, तो कृपया beginPath() और moveTo() विधि का उपयोग करके शुरूआती बिन्दु को निर्धारित करें。
- शुरूआती बिन्दु: moveTo(
20,20) - नियंत्रण बिन्दु: quadraticCurveTo(
20,100,200,20) - समाप्त बिन्दु: quadraticCurveTo(20,100,
200,20)
सूचना:देखिए bezierCurveTo() विधि। यह एक नियंत्रण बिन्दु के बजाय दो नियंत्रण बिन्दु है।
उदाहरण
एक द्विगुणित बेझियर कर्व को दूर करें:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.quadraticCurveTo(20,100,200,20);
ctx.stroke();
व्याकरण
context.quadraticCurveTo(cpx,cpy,x,y);
पारामीटर मूल्य
| पारामीटर | वर्णन |
|---|---|
| cpx | बेजेल नियंत्रण बिन्दु के x सतह |
| cpy | बेजेल नियंत्रण बिन्दु की y सतह |
| x | समापन बिन्दु के x सतह |
| y | समापन बिन्दु की y सतह |
ब्राउज़र समर्थन
तालिका में उल्लिखित संख्याएं पहली बार इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र के संस्करण को उल्लेख करती हैं。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
टिप्पणी:Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。
