హ్ట్మ్ఎల్ కాన్వెక్స్ కర్వ్

ఉదాహరణ

మీ బ్రౌజర్ హెచ్ఎంఎల్5 కాన్వాస్ టాగ్ ను మద్దతు చేయలేదు.
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();

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

arc() పద్ధతి

గోళం కిరణం గోళం లోపలి భాగం, కేంద్రం కోణాలు మరియు వ్యాసం ద్వారా నిర్వచించబడింది:

ఆర్క్ ఏంజిల్స్

కాన్వాస్ గోళం కిరణం చిత్రం చేయండి

కాన్వాస్ పైన గోళాన్ని గోళం కిరణాలను చిత్రం చేయడానికి ఉపయోగించండి:

పద్ధతి వివరణ చిత్రం చేయండి
beginPath() ఒక పథాన్ని ప్రారంభించండి. కాదు
arc() కర్రం నిర్వచించండి. కాదు
stroke() చిత్రం చేయండి. అవును

కాన్వాస్ పైన గోళాన్ని చిత్రం చేయడానికి, ఈ పద్ధతులను ఉపయోగించండి:

  • beginPath() - పథం ప్రారంభించండి
  • arc(x,y,r,start,end) - గోళం నిర్వచించండి
  • stroke() - చిత్రం జత

arc(x,y,r,start,end) - గోళం కిరణం (కర్రాలు).

గోళాన్ని సృష్టించడానికి, ప్రారంభ కోణాన్ని 0 గా మరియు ముగింపు కోణాన్ని 2 * Math.PI గా నిర్వహించండి.

x మరియు y పరిమాణాలు గోళం కేంద్రం నిర్దేశం చేస్తాయి.

r పరిమాణం గోళం వ్యాసాన్ని నిర్వచిస్తుంది.

另请参阅:

CodeW3C.com 的完整 Canvas 参考手册