例
サークルを作成します。
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() | はい | 9.0 | はい | はい | はい |
定義と使用法
arc()メソッドは、（円、または円の一部を作成するために使用される）アーク/カーブを作成します。
ヒント：で円を作成するにはarc() ：セットにMath.PI * 2に0と終了角度に角度を開始します。
ヒント：使用してくださいstroke()またはfill()実際にキャンバス上に弧を描画する方法。
センター
アーク（100,75、50.0 * Math.PIという、1.5 * Math.PIという） 角度を開始
アーク（100,75,50、0、1.5 * Math.PIという） 終了角度
アーク（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がデフォルトであり、真のは反時計回りを示しながら、時計回りを示しています。 | それを再生します» |