2
respostas

Eu fiz o exercício assim do meu jeito. Não sei há problemas em colocar cor no canvas.

Como foi mencionado a respeito do canvas com a sua largura e altura. Eu resolvi colocar cor no canvas também e fiz com coordenadas diferentes. Mas enfim o mesmo propósito. A dúvida é se podia mesmo colocar cor no canvas.

<meta charset="UTF-8">

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

<script>

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

    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0, 0, 600, 400);

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

// olho esquerdo
    pincel.fillStyle = 'black';
    pincel.fillRect(50, 60, 90, 90);

// olho direito
    pincel.fillStyle = 'black';
    pincel.fillRect(210, 60, 90, 90);

// nariz 
    pincel.fillStyle = 'black';
    pincel.fillRect(140, 150, 70, 100);

//  parte da boca esquerda
    pincel.fillStyle = 'black';
    pincel.fillRect(100, 190, 40, 110);

// parte da boca direita 
    pincel.fillStyle = 'black';
    pincel.fillRect(210, 190, 40, 110);

</script>
2 respostas

Olha, parece tao simples na aula, mas na hora de fazer so fico perdida.=/

kkkkkkk. Verdade Michele Clarice!