canvasサイズをwindowサイズにする方法

canvasはcssでwidth:100%;とかheight:100%;とか使えないみたいなので、jsでwindowのresizeイベントで都度widthとheightを設定していく。
※canvasのcssではなく属性のwidthとheightで直接設定しないとダメみたい。
※ところどころjQueryも使用(楽なので)。

javascript

window.onload = function(){

    // stageを生成
    // ※canvasタグのid名を引数に指定
    var stage = new createjs.Stage('canvas');

    // windowのリサイズ設定
    var id;
    $(window).on('resize', function(e){
        clearTimeout(id);
        id = setTimeout(function(){
            stage.canvas.width = $(e.target).width();
            stage.canvas.height = $(e.target).height();
        }, 100);
    });
    $(window).trigger('resize');

}

resizeイベントの度に再設定するとパフォーマンス的にアレみたいなので、setTimeoutを使用して設定頻度を調整している。(とりあえず100msにしてみた。)