Qual a utilidade real desse comando "pincel.beginPath();"? Pois quando estava estudando apaguei esse código e continuou funcionando normalmente.
Qual a utilidade real desse comando "pincel.beginPath();"? Pois quando estava estudando apaguei esse código e continuou funcionando normalmente.
Oi Victor, tudo bem?
A funcionalidade do pincel.beginPath()
é criar um novo caminho, ou seja, instruir que algo novo será desenhado.
Acontece que, como só temos 1 caminho por enquanto, ele realmente não é necessário. Mas, se tivermos dois comandos que desenham algo e não colocarmos o pincel.beginPath()
em ambos, ele vai entender que é o mesmo caminho e vai sobrepor os elementos.
Dá uma olhada nesse exemplo:
pincel.fillStyle = "yellow";
pincel.beginPath();
pincel.moveTo(300, 200);
pincel.lineTo(200, 400);
pincel.lineTo(400, 400);
pincel.fill();
pincel.fillStyle = "blue";
pincel.beginPath();
pincel.moveTo(300, 200);
pincel.lineTo(300, 400);
pincel.lineTo(500, 400);
pincel.fill();
Agora, se tirarmos o pincel.beginPath();
da segunda instrução, veja que ele sobrepõe a cor do primeiro elemento, ignorando a cor amarela e deixando tudo azul.
Espero ter ajudado! Qualquer outra dúvida me retorne que estarei a disposição, abraços!