1
resposta

Achar coordenadas!!

Após localizar as coordenadas do olho esquerdo, as demais coordenadas foram fáceis. Para um canvas 350(x), 300(y), somei largura dos olhos com a largura do nariz (90+90+70), totalizando 250. Subtraí de 350 (largura da cabeça) e a diferença (100), dividi igualmente, assim coordenada x=50. Para coordenada(y), somei as alturas das figuras 5 (parte da boca), 2(olho) e parte da altura da figura 4(nariz), ou seja, 90+110+40=200. Subtraí este valor de 300 (altura da cabeça) e o valor obtido definiu a coordenada y=60. As demais coordenadas foram fáceis!!

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

<script>

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

    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(0, 0, 350, 300);// cabeça

    pincel.fillStyle = 'black'; 
    pincel.fillRect(50, 60, 90, 90); 
    pincel.fillRect(210, 60, 90, 90);
    pincel.fillRect(140, 150, 70, 100);
    pincel.fillRect(100, 190, 40, 110);
    pincel.fillRect(210, 190, 40, 110);

</script>
1 resposta

Show.