<meta charset="utf-8">
<canvas width="600" heigth="400"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
pincel.fillStyle = "purple"
pincel.fillRect(-100, 0, 600,400);
pincel.fillStyle = "black"
pincel.fillRect(100, 10, 100, 130);
pincel.fillStyle = "black"
pincel.fillRect(300, 10, 100, 130);
</script>