Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

pincel.beginPath();

Qual a utilidade real desse comando "pincel.beginPath();"? Pois quando estava estudando apaguei esse código e continuou funcionando normalmente.

1 resposta
solução!

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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software