'input type=file'から'canvas'への転写

<canvas id="canvas" ></canvas>
<input id="uploadFile" name="image" type="file" />
<script>
// forked from _shimizu's "input type=file → canvas" http://jsdo.it/_shimizu/5KO3
$("#uploadFile").change(function() {

	var file = this.files[0];
	if (!file.type.match(/^image\/(png|jpeg|gif)$/)) return;

	var image = new Image();
	var reader = new FileReader();

	reader.onload = function(evt) {
		image.onload = function() {
            
 
            $("#canvas").attr("width",image.width);   
			$("#canvas").attr("height",image.height);
 
            
            var canvas = $("#canvas");
			var ctx = canvas[0].getContext("2d");		
			ctx.drawImage(image, 0, 0); //canvasに画像を転写
			
		}


		image.src = evt.target.result;
	}
	reader.readAsDataURL(file);
});
</script>

jQueryのwidth(height)メソッドでcanvsのサイズを変更するとうまくいかない。
http://shimz.me/blog/?p=1483