Javascript <canvas> 设置为窗口大小

Question

我正在尝试设置一个画布元素为当前窗口的大小。

我在这里成功地使用了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没有画布属性

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