JS5 :HTML5向けjavascriptフレームワークのチュートリアルサイト

境界線を描く

境界線の描き方も【EaselJS】描画オブジェクトを単色で塗ると同じように、描画する前にまずスタイルを色々と指定する必要があります。setStrokeStyleに線の太さを指定しています。本当はsetStrokeStyleには他に様々なパラメータがあるのですが、今回のような図形では意味のないパラメータですので、省略しています。javascriptは以下のようになります。

var g = new Graphics();

//線の太さを指定
g.setStrokeStyle(5);
//色を指定する
g.beginStroke(Graphics.getHSL(180,50,50,1.0));
g.drawCircle(0,0,100);

サンプル

setStrokeStyleで線の太さを指定して、beginStrokeで色を指定すると、境界線が描かれます。