Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Creeper

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

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");


    pincel.fillStyle = "darkgreen";    
    pincel.fillRect(125,50,350,300);

    //Ojos
    pincel.fillStyle = "black";    
    pincel.fillRect(175,110,90,90);
    pincel.fillRect(335,110,90,90);

    //Nariz
    pincel.fillRect(265,200,70,100);

    //Partes de la boca
    pincel.fillRect(225,240,40,110);
    pincel.fillRect(335,240,40,110);


</script>
1 respuesta

Que tal Henry, para ojos, nariz y boca, vi que solo utilizaste una vez la sentencia pincel.fillStyle = "black"; lo cual ayuda a optimizar el código.

Muy bien. Saludos.