javascript - 你如何清除 javascript 中的 Canvas ？

Question

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

您好，我一直在代码笔上创建一个绿屏算法，我已经在上面放了一个链接。除了应该清除 Canvas 的 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() 或类似名称。除此之外，您用于清洁 Canvas 的代码是正确的。