Сделать прямоугольник мигать

Question

Как я могу просто мерцать (мигать) прямоугольник в HTML-холсте?

function Addrect() {
var red = new fabric.Rect({top: 300,
left: 100,
top: 800,
width: 350,
height: 350,
cornerSize: 40,
fill: 'green'
});
canvas.add(red);
}

Merci à vous;)

Answer 1

Вот один из вариантов:

const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');

let counter = 0;
setInterval(function() {
    context.fillStyle = (counter % 2 === 0) ? 'blue' : 'white';
    context.fillRect(10, 10, 80, 80);
    counter++;
}, 1000);

#canvas {
    width: 100px;
    height: 100px;
}

<canvas id="canvas"></canvas>