Question

我使用一些jquery和一个方便的在线教程创建了breakout。

这是小提琴：http://jsfiddle.net/Kinetic915/9bLEk/6/

我成功更改了WIDTH和HEIGHT访问窗口大小，如下所示：

自：

WIDTH = $("#canvas")[0].width = $(window).width();
HEIGHT = $("#canvas")[0].height = $(window).height();

要：

var WIDTH  = document.getElementById("canvas");
var HEIGHT  = document.getElementById("canvas");

WIDTH.width = window.innerWidth;
HEIGHT.height = window.innerHeight;
WIDTH = window.innerWidth;
HEIGHT = window.innerHeight;

代码正确加载。我发现更改渲染球的代码时出现问题它适用于jquery：

Cir = $('#canvas')[0].getContext("2d");

Cir.beginPath();
Cir.arc(x, y, 10, 0, Math.PI * 2, true);
Cir.closePath();
Cir.fill();

不适用于：

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

Cir.beginPath();
Cir.arc(x, y, 10, 0, Math.PI * 2, true);
Cir.closePath();
Cir.fill();

有什么建议吗？

Answer 1

将其更改为：

var canvas = document.getElementById("canvas");
var Cir = canvas.get(0).getContext("2d");

用jquery创建了一个简单的BREAKOUT游戏，试图转换回普通的javascript

1 个答案: