1
resposta

Exercício Esquadro 2.0 - Incrementei o código

Boa noite turma.

Fiz uma versão "incrementada" do programa do esquadro, onde é possível escolher a espessura do mesmo. Dentro da função de desenho, adicionei uma relação matemática simples que já calcula as dimensões do esquadro de dentro de acordo com a espessura escolhida. O que acharam?

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

<script>

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


function desenhaEsquadro (xa, ya, xc, yc, cor1, cor2, espessura){
    pincel.fillStyle = cor1
    pincel.beginPath()
    pincel.moveTo(xa,ya)
    pincel.lineTo(xa,yc)
    pincel.lineTo(xc,yc)
    pincel.fill()

    pincel.fillStyle = cor2
    pincel.beginPath()
    pincel.moveTo(xa + espessura, ya + espessura * 2 + espessura / 2)
    pincel.lineTo(xa + espessura, yc - espessura)
    pincel.lineTo(xc - (espessura * 2) - (espessura / 2), yc - espessura)
    pincel.fill()
}

desenhaEsquadro(50, 50, 400, 400, 'black', 'white', 50)

</script>
1 resposta

Oi João

Muito bom! Parabéns pelo empenho nos estudos!

Continue praticando e qualquer dúvida pode contar com a gente.