1
resposta

beginPath TEM QUE USAR ?

Fiz a bandeira usando o beginPath apenas uma vez. Já entendi a funcionalidade dele. A dúvida é: É uma boa prática utiliza-lo mesmo não interferindo no resultado?

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

<script>
    var tela = document.querySelector("canvas");
    var pincel = tela.getContext("2d");

    pincel.fillStyle = "green" // retangulo
    pincel.fillRect (100, 50, 600, 300)

    pincel.fillStyle = ("yellow"); //triangulo acima
    pincel.moveTo(550,  200 );
    pincel.lineTo(130, 200);
    pincel.lineTo(340, 80);
    pincel.fill();


    pincel.moveTo(340, 320 );//triangulo abaixo
    pincel.lineTo(550, 210);
    pincel.lineTo(130, 210);
    pincel.fill();

    pincel.fillStyle = ("darkblue");//circulo
    pincel.beginPath();
    pincel.arc(340, 200, 100, 0, 2*3.14);
    pincel.fill();



</script
1 resposta

Olá, Fredson! Tudo bem?

Mandou muito bem!

Você encontrou uma solução, parabéns!

O beginPath serve para iniciar ou reiniciar o caminho do desenho.

Se você não tiver nada antes do seu desenho, o desenho fica igual com ou sem o beginPath().

Caso você tenha, verá que ele reinicia o caminho para o novo desenho.

Sendo assim, usa-lo se torna um boa prática pensando que nosso código ficará mais claro e legível.

Continue praticando, bons estudos e até mais!