Как вы очищаете холсты в javascript?

Question

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

Здравствуйте, я создал алгоритм зеленого экрана на ручке кода, на который я поместил ссылку выше.Кажется, что большинство из них работает, за исключением JavaScript, который должен очищать холсты.Я думаю, что это будет что-то довольно простое, но я не могу решить это.Я поместил код, который я думаю, что не работает ниже.Спасибо 100

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

Введите в консоли консоль clear:

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

clear Функция в основном предназначена для очистки консольного терминала, насколько мне известно, поэтому просто переименуйте его или создайте объект и объявите метод clear каксвойство вместо объявления его для window объекта.

Answer 2

Кажется, что Javascript не нравится имя функции, которую вы используете - clear () - поэтому функция никогда не будет вызываться.Попробуйте переименовать функцию в clearIt () или что-то в этом роде.Кроме того, ваш код для чистки полотен правильный.