使用普通的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％寬度的元素並獲取寬度。