Diseñando una bandera con un pincel
<canvas width='600' height= '400' ></canvas>
<script>
document.write("<h1>Hola</h1>")
var pantalla =document.querySelector("canvas");
var pincel =pantalla.getContext("2d");
pincel.fillStyle = "lightgrey" //propiedad
pincel.fillRect(0,0,600,400); //función
pincel.fillStyle = "green" //propiedad
pincel.fillRect(0,0,200,400); //función
pincel.fillStyle = "black" //propiedad
pincel.fillRect(400,0,200,400); //función
pincel.fillStyle = "blue" //propiedad
pincel.fillRect(250,150,100,100); //función
</script>