HTML కాన్వెస్ స్క్వేర్

ఉదాహరణ

మీ బ్రౌజర్ హెచ్టిఎంఎల్5 కాన్వాస్ టాగ్ ను మద్దతు చేయలేదు.
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.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 参考手册