使用普通的javascript而不是Jquery

Question

我正在尝试用javascript编写游戏突破。目前我在几个地方使用JQuery。我的教授不希望该类使用Jquery，所以我必须将我使用jquery的区域更改为javascript。

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

}

windowsize();

我正在使用此函数来获取对canvas元素的引用，并从侧面减去以删除滚动条。 （在旁注上，如果有人知道如何删除滚动条而不减去让我知道！）

我尝试使用以下代码来获取对画布的引用，但无法使其工作？

var c=document.getElementById("canvas"); 
var ctx=c.getContext("2d");

这是我的小提琴：http://jsfiddle.net/Kinetic915/kURvf/29/

感谢任何帮助！

谢谢！

Answer 1

假设Chrome，document.documentElement.clientWidth似乎为你做了。或者，在页面上找到100％宽度的元素并获得其宽度。