Olá! Nunca fui bom em matemática e esse exercício me deu um pouco de dor de cabeça.
Inclusive, precisei desenhar numa folha de papel (com régua) as medidas para visualizar e encontrar as coordenadas X e Y iniciais de cada retângulo.
Eu não entendi uma coisa só: Por que o desenho do professor começa em 200,50 e não em 0,0? Pra centralizar?
Como tive dificuldades, alguém se disponibilizaria a explicar como encontrar as coordenadas iniciais de cada retângulo?
A opinião do professor começou em um ponto diferente do canvas, por isso tive dificuldades. Sei que a dúvida é mais sobre matemática do que programação, mas se alguém puder ajudar fico muito grato! Vai ajudar muito pras minhas próximas atividades!
Depois de desenhar com régua numa folha sulfite, consegui encontrar as seguintes medidas, gostaria de verificar se estão corretas:
<canvas id="tela" width=600 height=400> </canvas>
<script>
var tela = document.getElementById("tela");
var pincel = tela.getContext("2d");
pincel.fillStyle = "darkgreen";
pincel.fillRect(0,0,350,300);
pincel.fillStyle = "black";
//1 olho
pincel.fillRect(50, 60, 90, 90);
//2 olho
pincel.fillRect(210, 60, 90, 90);
//nariz
pincel.fillRect(140, 150, 70, 100);
//1 boca
pincel.fillRect(100, 190, 40, 110);
//2 boca
pincel.fillRect(210, 190, 40, 110);
</script>
Grato desde já por toda a atenção!