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にしてみた。)