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>