Javascript設置<canvas>到窗口大小

Question

我試圖將canvas元素設置爲當前窗口的大小。

我用jQuery這裏做得很成功：

function windowsize() { 
    WIDTH = $("#canvas")[0].width = ($(window).width()); 
    HEIGHT = $("#canvas")[0].height = ($(window).height()); 

} 

windowsize(); 

我不能做到在普通的JavaScript同樣的事情，我有如下：

function windowsize(){ 
    var ctx = document.getElementbyID("canvas"); 
    ctx.canvas.width = window.innerWidth; 
    ctx.canvas.height = window.innerHeight; 
} 
windowsize(); 

這裏是上述一個小提琴：http://jsfiddle.net/Kinetic915/bWYy7/我也在使用以下頁面作爲參考：

Resize HTML5 canvas to fit window

謝謝！

Answer 1

錯字：

document.getElementbyID 

應該是：

document.getElementById 

和CTX沒有畫布屬性

更新了例：http://jsfiddle.net/bWYy7/3/