Canvas清除功能失效求助：清除按钮无法正常工作

我帮你找出了clear函数里的几个关键问题，修改后就能正常工作了：

问题分析 #

你的清除函数存在两个导致失效的错误：

• white没有用引号包裹：JavaScript中字符串必须用引号（单/双引号均可）包裹，否则会被当作未定义的变量，直接导致代码报错中断。
• 函数名clear可能和全局环境中的内置方法冲突：部分浏览器或运行环境里存在全局的clear()方法，用这个名字作为自定义函数名容易引发意外冲突。

修正后的代码 #

把函数改成这样，同时同步修改按钮的点击事件绑定：

function clearCanvas() {
  var c = document.getElementById("can1");
  var ctx = c.getContext("2d");
  ctx.clearRect(0, 0, c.width, c.height);
  c.style.backgroundColor = "white"; // 给white添加引号，转为合法字符串
}

记得把HTML里对应按钮的onclick属性改成onclick="clearCanvas()"，和函数名保持一致。

额外说明 #

• clearRect(0, 0, c.width, c.height)这个清除Canvas的逻辑是完全正确的，不需要改动。
• 还要确认你的Canvas元素id确实是can1，如果id不匹配，会导致无法获取到Canvas元素，函数自然也无法工作。

内容的提问来源于stack exchange，提问作者Nick Tsigkros