Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida no Ex. 4 da Aula 1 - Desenhando gráficos com Canvas

Tentei fazer um circulo no retângulo verde e não consegui(deu interferência). Tentei fazer a bandeira do Brasil( não consegui pelo mesmo motivo). Segue o código da bandeira para que alguém possa me ajudar. Acho que o problema esta sendo na hora de fazer 2*3.14...

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

<script>

var tela = document.getElementById("tela");
var c = tela.getContext("2d");

c.fillStyle = "green";
c.fillRect(0,0,200,400);

c.fillStyle = "red";
c.fillRect(400,0,200,400);

c.fillStyle = "black";
c.beginPath();
c.moveTo(300,100);
c.lineTo(200,300);
c.lineTo(400,300);
c.fill();

c.fillStyle = "blue";
c.arc(300,200,50,0,2 * 3.14);
c.fill();

</script>

alguém pode me explicar?

2 respostas

Olá David! Você esqueceu de chamar o método beginPath() para o circulo. O correto seria ficar assim:

c.fillStyle = "blue";
c.beginPath();
c.arc(300,200,50,0,2 * 3.14);
c.fill();

Espero ter ajudado! Bons Estudos!

solução!

Obrigado e deu certo.