你如何清除javascript中的画布？

Question

https://codepen.io/MabelJane/pen/ROjONN

您好，我一直在代码笔上创建一个绿屏算法，我已经在上面添加了一个链接。 除了应该清除画布的JavaScript之外，大部分内容似乎都在工作。 我认为它可能会非常简单，但我无法解决这个问题。 我把我认为的代码放在下面不起作用。 谢谢你

function clear() {
    var fgCanvas = document.getElementById("can1");
    var bgCanvas = document.getElementById("can2");
    var fgContext = fgCanvas.getContext("2d");
    var bgContext = bgCanvas.getContext("2d");
    fgContext.clearRect(0, 0, fgCanvas.width, fgCanvas.height);
    bgContext.clearRect(0, 0, bgCanvas.width, bgCanvas.height);
}

Answer 1

似乎Javascript不喜欢你正在使用的函数名 - clear（） - 因此函数不会被调用。 尝试将函数重命名为clearIt（）或类似的东西。 除此之外，您的清洁画布的代码是正确的。

Answer 2

在控制台中键入clear：

clear
ƒ clear() { [Command Line API] }

clear功能基本上是为了清除控制台终端，据我所知，所以只需重命名它或创建一个对象并声明clear方法作为属性而不是为window对象声明它。