<meta charset="UTF-8" />
<canvas width="2000" height="1800"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
var s = 30; // tamaño del pixel
pincel.fillStyle = "lightgrey"; // propiedad
pincel.fillRect(0 * s, 0 * s, 14 * s, 11 * s); // funcion/ metodo
pincel.fillStyle = "darkgreen";
pincel.fillRect(3 * s, 2 * s, 8 * s, 7 * s);
pincel.fillStyle = "black";
pincel.fillRect(4 * s, 3 * s, 2 * s, 2 * s);
pincel.fillRect(8 * s, 3 * s, 2 * s, 2 * s);
pincel.fillRect(6 * s, 5 * s, 2 * s, 3 * s);
pincel.fillRect(5 * s, 6 * s, 1 * s, 3 * s);
pincel.fillRect(8 * s, 6 * s, 1 * s, 3 * s);
</script>
