1
resposta

fracoes.html

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

<script>
    function desenhaQuadrado(x,y,tamanho,cor){

        var tela = document.querySelector("canvas");
        var pincel = tela.getContext("2d");

        pincel.fillStyle = cor;
        pincel.fillRect(x,y,tamanho,tamanho);
        pincel.fillStroke = "black";
        pincel.strokeRect(x,y,tamanho,tamanho);
    }

    desenhaQuadrado(0,0,50, "green");
    desenhaQuadrado(50,0,50, "green");
    desenhaQuadrado(100,0,50, "green");
    desenhaQuadrado(150,0,50, "white");

</script>
1 resposta

Mandou bem, Jonatas!

Qualquer dúvida nos procure!

Um abraço e bons estudos

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