形状没有出现在html画布上

Question

我试图在html画布上制作游戏，但画布上没有任何东西出现。 我不确定我做错了什么。 这是我尝试绘制形状并开始游戏的代码：

function startGame() {
    myGamePiece = new component(50, 10, "grey", 240, 20);
    myAponent = new component(50, 10, "grey", 240, 460);
    myScore = new component("30px", "Consolas", "black", 280, 40, "text");
    myGameArea.start();
}

如果您希望查看我的所有代码，请访问： https ： //js.do/nioiluc/320839

Answer 1

你没有正确定义ctx ，因为myGameArea.context返回undefined。

试着这个来定义：

var ctx = myGameArea.canvas.getContext('2d');

并进行必要的调整。 示例： https ： //jsfiddle.net/ztnr1gqd/