A bandeira não está no mesmo formato. O verde está maior que o cinza e o vermelho nem aparece.
Utilizando o Sublime e chrome versão 62.0.3202.94 a 100% no zoom do navegador.
<canvas> width = "600" height = "400" </canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext ("2d");
pincel.fillStyle = "lightgrey";
pincel.fillRect(0,0,600,400);
pincel.fillStyle = "green";
pincel.fillRect(0,0,200,400);
pincel.fillStyle = "red";
pincel.fillRect(400,0,200,400);
</script>