EaselJSで多角形描画

HTML

<script src="http://dl.dropbox.com/u/63305355/easeljs-0.4.2.min.js"></script>
<div id="wrapper">
    <canvas></canvas>
</div>

CSS

html {
    min-height: 100%;
    overflow: auto;
    position:relative;
    z-index: 1;
}
body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    position: relative;
    z-index: 1;
}
#wrapper {
    height: auto;
    overflow: auto;
    position: fixed;
    z-index: 1;
    width: 100%;
    height:100%;
    min-height:100%;
}
canvas {
    position: fixed;
}

JavaScript

window.onload = function () {

    //canvas拡張
    $("canvas").attr({
        height: $("#wrapper").height()
    });
    $("canvas").attr({
        width: $("#wrapper").width()
    });

    //canvasをstageに
    var stage = new Stage($("canvas")[0]);

    //どう描くかを指定
    var g = new Graphics();
    g.beginFill("#888");

    //五角形
    g.drawPolyStar(0, 0, 10, 5, 0.8, 0);
    //六角形
    g.drawPolyStar(40, 0, 30, 6, 0.6, 30);
    //七角形
    g.drawPolyStar(120, 0, 50, 7, 0.3, 90);

    //シェイプオブジェクトに渡す
    var s = new Shape(g);
    s.x = $(window).width() / 2;
    s.y = $(window).height() / 2;

    //ステージにシェイプをセット
    stage.addChild(s);

    //描画！
    stage.update();

};