1
respuesta

Mi Código Creeper...

Hola a tod@s, Les comparto mi código para este ejercicio.

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

</canvas>

<script type="text/javascript">

    // Accedemos al contenido de nuestra pizarra (Canvas)
    var pantalla = document.querySelector("canvas");

    // Guardamos en la variable pincel todo el contenido de nuestro Canvas que estará definido en 2 dimensiones
    var pincel = pantalla.getContext("2d");

    // 1er rectangulo - Cara
    // Definimos la propiedad color de nuestro rectangulo
    pincel.fillStyle = "darkgreen";
    // Dibujamos el rectangulo
    pincel.fillRect(0, 0, 350, 300);

    // 2do rectangulo - Ojo 1
    // Definimos la propiedad color de nuestro rectangulo
    pincel.fillStyle = "black";
    // Dibujamos el rectangulo
    pincel.fillRect(50, 50, 90, 90);

    // 2do rectangulo - Ojo 2
    // Definimos la propiedad color de nuestro rectangulo
    pincel.fillStyle = "black";
    // Dibujamos el rectangulo
    pincel.fillRect(200, 50, 90, 90);

    // 3er rectangulo - Nariz
    // Definimos la propiedad color de nuestro rectangulo
    pincel.fillStyle = "black";
    // Dibujamos el rectangulo
    pincel.fillRect(140, 140, 60, 60);

    // 4to rectangulo - Boca
    // Definimos la propiedad color de nuestro rectangulo
    pincel.fillStyle = "black";
    // Dibujamos el rectangulo
    pincel.fillRect(95, 185, 150, 60);

    // 5to rectangulo - Boca
    // Definimos la propiedad color de nuestro rectangulo
    pincel.fillStyle = "black";
    // Dibujamos el rectangulo
    pincel.fillRect(95, 240, 45, 60);

    // 6to rectangulo - Boca
    // Definimos la propiedad color de nuestro rectangulo
    pincel.fillStyle = "black";
    // Dibujamos el rectangulo
    pincel.fillRect(200, 240, 45, 60);


</script>
1 respuesta

Muy bien descrito amigo, felicitaciones.