<meta charset="utf-8">
<canvas width="600" height="400"></canvas>
<script >
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//cara 1
pincel.fillStyle="green";//propiedad
pincel.fillRect(0,0,350,300);//funcion
//cara 2 ojo 1
pincel.fillStyle ="black";//propiedad
pincel.fillRect(42.5,30,90,90);//funcion
//cara 2 ojo 2
pincel.fillStyle ="black";//propiedad
pincel.fillRect(217.5,30,90,90);//funcion
//nariz
pincel.fillStyle ="black";//propiedad
pincel.fillRect(139.5,120,70,100);//funcion
//boca1
pincel.fillStyle ="black";//propiedad
pincel.fillRect(99.5,190,40,110);//funcion
//boca2
pincel.fillStyle ="black";//propiedad
pincel.fillRect(209.5,190,40,110);//funcion
</script>
