HTML5 canvas arc メソッド
HTML5 canvas リファレンス
例
円の 3/4 を描画します:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d");
ctx.beginPath(); ctx.arc(100,75,50,0*Math.PI,1.5*Math.PI); ctx.stroke();
Try it yourself »
定義と用法
arc メソッドは、円に沿って描画します。
サイズ、位置、および描画する円の一部を 6 つのパラメータを使用して指定します。
キャンバスに円弧を描画するには、fill() または stroke() メソッドを使用します。
Startangle arc(100,75,50,0*Math.PI,1.5*Math.PI)
Endangle arc(100,75,50,0*Math.PI,1.5*Math.PI)
Center arc(100,75,50,0*Math.PI,1.5*Math.PI)
JavaScript 構文: |
context.arc(x,y,r,sAngle,eAngle,clockwise); |
ブラウザ・サポート
arc メソッドは、Opera ではサポートしていません。
パラメータ値
HTML5 canvas リファレンス
|