CARA DE CRIPER | Lógica de programación: Practicando con juegos y animaciones | Alura Latam

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CANVAS</title> </head> <body> <canvas width="600" height="400"></canvas> <script> var lienzo = document.querySelector('canvas'); var pincel = lienzo.getContext('2d'); // Rectángulo 1: 350, 300 (cabeza). // Rectángulos 2 y 3: 90, 90 (ojos). // Rectángulo 4: 70, 100 (nariz). // Rectángulos 5 y 6: 40, 110 (parte de la boca). Su canvas debe tener el tamaño de 600 x 400 pixeles. pincel.fillStyle = 'darkgreen'; pincel.fillRect(0,0,350,300); pincel.fillStyle = 'black'; pincel.fillRect(50,55,90,90); //ojo izquierdo pincel.fillRect(210,55,90,90); //ojo derecho pincel.fillRect(140,145,70,100); //nariz pincel.fillRect(100,190,40,110); //boca izquierda pincel.fillRect(210,190,40,110); //boca derecha </script> </body> </html>

Hola Diego, felicidades por tu dedicación en el curso.

Te agradezco que hayas compartido lo que estás estudiando en el foro, felicidades por tu proyecto.

No obstante, no es obligatorio que pongas la solución a tu ejercicio aquí. Puedes hacerlo en Discord, donde hay un espacio dedicado para eso. El foro es sobre todo para exponer tus dudas y colaborar con otros compañeros.

Incentivamos que sigas practicando lo que estás aprendiendo, en caso de que tengas cualquier duda no dejes de preguntarnos.

Pedimos que siempre que sea posible, por favor etiquetes tu tópico para que sea más sencillo identificar si es una duda, sugerencia, etc.

¡Deseamos que puedas cumplir con todos tus objetivos y tener éxito en tus estudios!

¡Saludos!

Si este post te ayudó, por favor marca como solucionado ✓. ¡Continúa con tus estudios!