我正在使用 HTML Canvas 制作一个游戏,用户必须找到并单击松鼠。该按钮(位于画布之外)用于重置分数并重新开始游戏。但是,当用户第一次在画布内单击后,此按钮就会消失。
为什么在画布内第一次单击后重新启动按钮消失?以及如何解决它?
// jshint esversion: 6
window.onload = function () {
var canvas = document.getElementById("canvas");
/** @type {CanvasRenderingContext2D} */
var ctx = canvas.getContext("2d");
// images
var squirrel_img = document.getElementById("squirrel-img");
var trees_img = document.getElementById("tree-img");
var scoreboard_div = document.getElementById("scoreboard"); // scoreboard
var score = 0; // score
// styles
canvas.width = window.innerWidth * 0.75;
canvas.height = window.innerHeight;
canvas.style.border = "15px ridge red";
canvas.style.borderRadius = "5px";
ctx.drawImage(trees_img, 0, 0, canvas.width, canvas.height); // background image
function clearCanvas() {
ctx.clearRect(0, 0, canvas.width, …Run Code Online (Sandbox Code Playgroud)