1
resposta

Mudança da cor do canvas com animação

<canvas width="600" height="400"></canvas>
    <script>

        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');
        pincel.fillStyle = 'red';
        pincel.fillRect(0, 0, 600, 400);

        function desenhaCirculo( x, y, raio){
            pincel.fillStyle = 'blue';
            pincel.beginPath();
            pincel.arc(x, y, raio, 0, 2 * Math.PI);
            pincel.fill();
        }

        function limpaTela() {

            pincel.clearRect(0, 0, 600, 400);
        }

        var x = 20;
        function atualizaTela() {
            limpaTela();
            desenhaCirculo( x, 20, 10);
            x++;
        }

        setInterval(atualizaTela, 10);
    </script>

Eu fiz igual ao professor, mas destaquei a cor do canvas. Pq a cor do canvas muda pra branco quando começa a animação?

1 resposta

oii, tudo bem?! acredito que a cor do seu cavas nao fique vermelha, por causa da function limpaTela() !