कोर्स सिफारिश:

Canvas संदर्भ दस्तावेज

वर्णन और उपयोग

quadraticCurveTo() विधि को इस्तेमाल करके वर्तमान पथ में एक बिंदु जोड़ें, जो द्विगुणित बेजेल कर्व को प्रस्तुत करता है。

सूचना:द्विगुणित बेजेल कर्व को दो बिंदुओं की आवश्यकता होती है। पहला बिंदु द्विगुणित बेजेल गणना में इस्तेमाल किया जाता है, दूसरा बिंदु कर्व का समाप्ति बिंदु है। कर्व का शुरूआती बिंदु वर्तमान पथ के अंतिम बिंदु है। यदि पथ मौजूद नहीं है, तो कृपया beginPath() और moveTo() विधि के द्वारा शुरूआती बिंदु को निर्धारित करें。

द्वितीय बेसेलर कर्वा
  • शुरूआती बिंदु: moveTo(20,20)
  • नियंत्रण बिंदु: quadraticCurveTo(20,100,200,20)
  • समाप्ति बिंदु: quadraticCurveTo(20,100,200,20)

सूचना:देखें bezierCurveTo() विधि। यह एक केवल नियंत्रण बिंदु है, नहीं कोई दूसरा नहीं है。

उदाहरण

एक द्विगुणित बेजेल कर्व का ड्राइंग करें:

आपका ब्राउज़र HTML5 कैनवस टैग को समर्थित नहीं करता है。

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> एलीमेंट को समर्थन नहीं देते हैं。

Canvas संदर्भ दस्तावेज