如何清除 javascript 中的画布？

Question

您好，我一直在代码笔上创建一个绿屏算法，我在上面放了一个link。除了应该清除画布的 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 个对象。

如何清除 javascript 中的画布？

How do you clear canvases in javascript?

html

javascript

css

codepen