1
resposta

Minha Bandeira ficou um pouco maior. kkkkkk

<canvas width="800" height="500"></canvas>
<script>
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');


    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(100,50,600,400);

    pincel.fillStyle = 'yellow'
    pincel.beginPath();
    pincel.moveTo(640, 225);
    pincel.lineTo(400, 110);
    pincel.stroke()
    pincel.lineTo(160,225)
    pincel.fill();

    pincel.fillStyle = 'yellow'
    pincel.beginPath();
    pincel.moveTo(640, 225);
    pincel.lineTo(400, 388);
    pincel.stroke()
    pincel.lineTo(160, 225)
    pincel.fill();

    pincel.fillStyle = 'blue';
    pincel.beginPath();
    pincel.arc(400, 243, 97, 0, 2 * 3.14);
    pincel.fill();




</script>
1 resposta

Olá Renato, tudo bem?

Realmente ficou maior! É bem difícil manter a proporção, né? Mas ficou bem legal seu trabalho!

Só uma dica, ao adicionar algum código em HTML (ou que fica dentro de tags HTML como o canvas e script) clique no botão INSERIR CÓDIGO, logo no canto superior esquerdo da caixa de texto que escrevemos no fórum. Assim o navegador não acha que é uma tag HTML simples e todo o conteúdo é mostrado :)

Continue sempre com o foco e bons estudos!