fillRect或clearRect在使用此方法时不起作用

Question

我正在学习HTML 5，而我正试图制作自己的Craps游戏。

现在的想法是，当按下“重置”按钮时，所有值都将恢复为默认值并且画布将被清除。但是当我这样做时，骰子的图像仍在画布中。

现在我认为没有任何问题：

ctx.fillStyle = "red";
ctx.fillRect(0,0,900,900);

但它在重置方法中不起作用。当我把它放在其他方法时它起作用。

如果有人想看到，那么网站和代码就在其中：

https://dl.dropboxusercontent.com/u/90543216/index.html

Answer 1

您不能在表单环境reset()中调用函数。 reset()和submit()是两个模拟<input type="reset"> / <input type="submit">的特殊函数。

如果您将reset重命名为resetGame，则一切正常。但是，您应该摆脱<form>并使用<button>而不是<input type="button">。