HTML canvas arc() 方法

定义和用法

arc() 方法创建弧/曲线(用于创建圆或部分圆)。

提示:如需通过 arc() 来创建圆,请把起始角设置为 0,结束角设置为 2*Math.PI

提示:请使用 stroke()fill() 方法在画布上绘制实际的弧。

آرک/کورو
  • 中心:arc(100,75,50,0*Math.PI,1.5*Math.PI)
  • 起始角:arc(100,75,50,0,1.5*Math.PI)
  • 结束角:arc(100,75,50,0*Math.PI,1.5*Math.PI)

实例

创建一个圆形:

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();

ਸਵੈ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਸਿੰਟੈਕਸ

context.arc(x,y,r,sAngle,eAngle,counterclockwise);

ਪੈਰਾਮੀਟਰ ਮੁੱਲ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
x ਸਮੱਕੇਂਦਰ ਦੀ x ਨਿਰਦੇਸ਼ਾਂਕ
y ਸਮੱਕੇਂਦਰ ਦੀ y ਨਿਰਦੇਸ਼ਾਂਕ
r ਸਮੱਕੇਂਦਰ ਦੀ ਵਿਆਸ
sAngle ਸ਼ੁਰੂਆਤੀ ਕੋਣ, ਰੇਡੀਅਨ ਵਿੱਚ。(ਮੌਰਕਿਨ ਦੇ ਚਾਰ ਘੜੀ ਦੇ ਤਿੰਨ ਹੌਰ ਹਾਥ ਦਾ ਸਥਾਨ 0 ਅਨੁਮਾਨਿਤ ਹੈ)。
eAngle ਸਮਾਪਤ ਕੋਣ, ਰੇਡੀਅਨ ਵਿੱਚ。
counterclockwise ਵਿਕਲਪਿਤ।ਵਰਤਣ ਵਿੱਚ ਵਿਰੁੱਧ ਚੱਕਰ ਜਾਂ ਸਮਕੇਂਦਰੀ ਚੱਕਰ ਵਿੱਚ ਚਿੱਤਰਣ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ।False = ਸਮਕੇਂਦਰੀ, true = ਵਿਰੁੱਧ ਚੱਕਰ

ਬਰਾਉਜ਼ਰ ਸਪੋਰਟ

ਸਾਰੀ ਤਾਲਿਕਾ ਵਿੱਚ ਇਸ ਗੁਣ ਦਾ ਪਹਿਲਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਪੋਰਟ ਕਰਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ。

ਚਰੋਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰੋਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
4.0 9.0 3.6 4.0 10.1

ਟਿੱਪਣੀ:Internet Explorer 8 ਅਤੇ ਛੋਟੇ ਤੋਂ ਵੱਧ ਦੀਆਂ ਸੰਸਕਰਣ ਨੂੰ <canvas> ਐਲੀਮੈਂਟ ਸਪੋਰਟ ਨਹੀਂ ਕਰਦੇ。