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
)
实例
创建一个圆形:
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> ਐਲੀਮੈਂਟ ਸਪੋਰਟ ਨਹੀਂ ਕਰਦੇ。