例
サークルを作成します。
JavaScriptを：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke(); »それを自分で試してみてください ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
| 方法 | |||||
|---|---|---|---|---|---|
| arc() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
定義と使用法
arc()メソッドは、アーク/曲線作成(used to create circles, or parts of circles) 。
Tip:で円を作成するにはarc() ：セットにMath.PI * 2に0と終了角度に角度を始めます。
Tip:使用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シンタックス： | context 。 arc( x,y,r,sAngle,eAngle,counterclockwise ) |
|---|
パラメータ値
| パラメーター | 説明 | それを再生します |
|---|---|---|
| x | 円の中心のx座標 | それを再生します» |
| y | 円の中心のy座標 | それを再生します» |
| r | 円の半径 | それを再生します» |
| sAngle | ラジアンで開始角度（0弧の円の3時の位置にあります） | それを再生します» |
| eAngle | ラジアンで終了角度、 | それを再生します» |
| counterclockwise | 任意。 図面は、反時計回りまたは時計回りにするかどうかを指定します。 Falseがデフォルトであり、そして真が反時計回りを示しながら、時計回りを示しています。 | それを再生します» |
<Canvasオブジェクト