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/

我還使用以下頁面作為參考：

調整HTML5畫布大小以適合窗口

謝謝！

Answer 1

錯字：

document.getElementbyID

應該：

document.getElementById

和ctx沒有canvas屬性

更新示例： http ： //jsfiddle.net/bWYy7/3/