如何清除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() { [Command Line API] }

据我所知，

clear函数基本上是用于清除控制台终端，因此只需对其重命名或创建一个对象并将clear方法声明为属性，而不是为window声明它对象。