CreateJSの基本メモ2 円を描く

準備

下記を参考にしてください。
[CreateJSの基本メモ1　線を描く]
http://qiita.com/PianoScoreJP/items/09b6d9cf4e17549704c6#%E6%BA%96%E5%82%99

1.円を描く

drawCircle(x,y,r)

 //ElementIDを指定して、ステージを作成する
 var mystage=new createjs.Stage("mycanvas");
//Graphicsオブジェクトを作成する
     var g = new createjs.Graphics();
 //線の色を指定
     g.beginStroke("#000");
 //塗りつぶしの色を作成
     g.beginFill("#000");
 //円を描く(x:0,y:0を中心とした、半径50pxの円)
     g.drawCircle(0,0,50);
 //Displayオブジェクトを作成
     var shape=new createjs.Shape(g);
 //シェイプオブジェクトをステージに追加する
     mystage.addChild(shape);
 //ステージを更新して描画を完了
     mystage.update();

短縮したメソッド名でチェーンして記述すると以下のようになります。

 g.s("#000").f("#000").dc(0,0,50);

2.楕円を描く

drawEllipse(x,y,w,h)

 //ElementIDを指定して、ステージを作成する
 var mystage=new createjs.Stage("mycanvas");
//Graphicsオブジェクトを作成する
     var g = new createjs.Graphics();
 //線の色を指定
     g.beginStroke("#000");
 //塗りつぶしの色を作成
     g.beginFill("#000");
 //楕円を描く(x:0,y:0を中心とした、横半径50px,縦の半径100pxの楕円)
     g.drawEllipse(0,0,50,100);
 //Displayオブジェクトを作成
     var shape=new createjs.Shape(g);
 //シェイプオブジェクトをステージに追加する
     mystage.addChild(shape);
 //ステージを更新して描画を完了
     mystage.update(); 

短縮したメソッド名でチェーンして記述すると以下のようになります。

 g.s("#000").f("#000").de(0,0,50,100);

3.円弧を描く

arc ( x y radius startAngle endAngle anticlockwise )

 //ElementIDを指定して、ステージを作成する
 var mystage=new createjs.Stage("mycanvas");
//Graphicsオブジェクトを作成する
     var g = new createjs.Graphics();
 //線の色を指定
     g.beginStroke("#000");
 //円を描く(x:0,y:0を中心とした、半円）
     g.arc(0,0,50,0,Math.PI);
 //Displayオブジェクトを作成
     var shape=new createjs.Shape(g);
 //シェイプオブジェクトをステージに追加する
     mystage.addChild(shape);
 //ステージを更新して描画を完了
     mystage.update(); 

短縮したメソッド名でチェーンして記述すると以下のようになります。

 g.s("#000").a(0,0,50,0,Math.PI);

本家のドキュメント
http://www.createjs.com/Docs/EaselJS/classes/Graphics.html