javascript - Javascript 集到窗口大小

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 没有 canvas 属性

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