కాన్వాస్ arcTo() మార్గం

Canvas పరికరం

నిర్వచనం మరియు ఉపయోగం

arcTo() కాన్వాస్ పైన రెండు పరిమితి మధ్య గోళాకారం/కర్ణాకారం సృష్టించడానికి మార్గం

సూచనఉపయోగించండి stroke() కాన్వాస్ పైన నిశ్చితమైన గోళాకారం చేయడానికి మార్గం

ఉదాహరణ

రెండు పరిమితి మధ్య గోళాకారం సృష్టించండి చేయండి:

మీ బ్రౌజర్ హెచ్ఎంఎల్5 కాన్వాస్ టాగ్ ను మద్దతు చేయలేదు.

జావాస్క్రిప్ట్:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20);           // మొదటి స్థానం సృష్టించడం
ctx.lineTo(100,20);          // హరిత రేఖ సృష్టించడం
ctx.arcTo(150,20,150,70,50); // గోళాకారం సృష్టించడం
ctx.lineTo(150,120);         // ఎగువ రేఖ సృష్టించడం
ctx.stroke();                // చిత్రం చేయడానికి

స్వయంగా ప్రయత్నించండి

సంకేతం

context.fillRect(x1,y1,x2,y2,r);

పారామీటర్స్ విలువ

పారామీటర్స్ వివరణ
x1 గోళాకారం యొక్క మొదటి యొక్క x కోణం
y1 గోళాకారం యొక్క మొదటి యొక్క y కోణం
x2 గోళాకారం యొక్క ముగింపు యొక్క x కోణం
y2 కిరీటం ముగింపు యొక్క y నిర్దేశం
r కిరీటం వైశాఖ్యం

బ్రౌజర్ మద్దతు

పట్టికలో పేర్కొనబడిన సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను నిర్దేశిస్తాయి.

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
4.0 9.0 3.6 4.0 10.1

పేర్కొనుట:Internet Explorer 8 మరియు అది ముంది వెర్షన్లు <canvas> అంశాన్ని మద్దతు ఇవ్వలేదు.

Canvas పరికరం