1
resposta

Porque o ZERO no pincel.arc(x, y, raio, 0, 2*3.14); ?

O professor fez a função function desenhaCirculo(x, y, raio, cor) com 4 parâmetros.

Porque o pincel.arc tem esse zero se ele não é utilizado nem nas repetições da solução ?

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


<script>


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

    function desenhaCirculo(x, y, raio, cor) {

        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.arc(x, y, raio, 0, 2*3.14);
        pincel.fill();
    }

    desenhaCirculo(300, 200, 10*3.14, 'red' )
    desenhaCirculo(235, 200, 10*3.14, 'orange' )
    desenhaCirculo(365, 200, 10*3.14, 'black' )
    desenhaCirculo(300, 265, 10*3.14, 'blue' )
    desenhaCirculo(300, 135, 10*3.14, 'yellow' )

</script>
1 resposta

Fala, Carlos! Tudo bem contigo?

Desculpe a demora em dar um retorno

Quando utilizamos o arc estipulamos os parâmetros que queremos esse círculo

pincel.arc(x, y, raio, 0, 2*3.14);

Neste caso acima ele está pedindo a posição x (horizontal), posição y (vertical), qual o tamanho desse raio, o começo desse raio (no caso começando em zero) e o fim desse angulo, que vem a ser o PI.

No site da Mozilla temos uma explicação bem detalhada sobre o assunto

Espero ter ajudado, Carlos!

Um abraço e bons estudos ;-)