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

Bonequinho

Criei um boneco com figuras geometricas e quero compartilhar com vocês.

<canvas width="1900" height="920"></canvas>

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

    //Cor de Fundo
    pincel.fillStyle = 'Gainsboro';
    pincel.fillRect(0, 0, 1900, 920);

    //Tronco do boneco
    pincel.fillStyle = 'LightSkyBlue';
    pincel.fillRect(840, 280, 200, 400);

    //Calça do boneco
    pincel.fillStyle = 'DarkSlateGray';
    pincel.fillRect(840, 680, 60, 200);
    pincel.fillRect(980, 680, 60, 200);

    //Tênis do boneco
    pincel.fillStyle = 'BurlyWood';
    pincel.fillRect(840, 880, 60, 40);
    pincel.fillRect(980, 880, 60, 40);

    //Braços do boneco
    pincel.fillStyle = 'Seashell';
    pincel.fillRect(1040, 290, 200, 40);
    pincel.fillRect(640, 290, 200, 40);

    //Pescoço do boneco
    pincel.fillStyle = 'Seashell';
    pincel.fillRect(910, 210, 50, 70);

    //Cabeça do boneco
    pincel.beginPath();
    pincel.arc(935, 197, 60, 70, 2 * 3,14);
    pincel.fill();

</script>
2 respostas
solução!

Oi Lucas, como vai?

Ficou muito bom. Ótima forma de praticar. Mandou muito bom!

Qualquer dúvida estamos por aqui.

Abraços e bons estudos!

Fala Lucas. Manero este seu exemplo. Assim podemos ver que as possíbilidades são imensas. Ótima dica!