एचटीएमएल संदर्भ

वर्णमाला द्वारा HTML श्रेणी के अनुसार HTML एचटीएमएल ब्राउज़र समर्थन एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल कैरेक्टर सेट एचटीएमएल सिद्धांत एचटीएमएल यूआरएल एनकोड एचटीएमएल भाषा कोड एचटीएमएल देश कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग


HTML कैनवास आर्कटो () विधि

❮ HTML कैनवास संदर्भ

उदाहरण

कैनवास पर दो स्पर्शरेखाओं के बीच एक चाप बनाएँ:

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

जावास्क्रिप्ट:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);           // Create a starting point
ctx.lineTo(100, 20);          // Create a horizontal line
ctx.arcTo(150, 20, 150, 70, 50); // Create an arc
ctx.lineTo(150, 120);         // Continue with vertical line
ctx.stroke();                // Draw it

ब्राउज़र समर्थन

तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।

Method
arcTo() Yes 9.0 Yes Yes No

परिभाषा और उपयोग

आर्कटो () विधि कैनवास पर दो स्पर्शरेखाओं के बीच एक चाप/वक्र बनाती है।

कैनवास आर्कटो () आरेख

युक्ति: कैनवास पर वास्तव में चाप खींचने के लिए स्ट्रोक () विधि का उपयोग करें ।

जावास्क्रिप्ट सिंटैक्स: संदर्भ .arcTo( x1,y1,x2,y2,r );

पैरामीटर मान

Parameter Description Play it
x1 The x-coordinate of the first tangent
y1 The y-coordinate of the first tangent
x2 The x-coordinate of the second tangent
y2 The y-coordinate of the second tangent
r The radius of the arc

❮ HTML कैनवास संदर्भ