<canvas width="600" height="400"> </canvas>
<canvas width="600" height="400"> </canvas>
Solamente veo la parte de codigo donde dices que tu perimetro en el canvas es de 600 x 400.
Cierto Manuel nos puedes compartir que mas has logrado o si podemos aconsejarte tus compañeros de estudios
Hola, gracias por los comentarios, pego mi código, pero no aparece todo, espero ya aparezca.
Saludos!
<canvas width="600" height="400"> </canvas>
<script>
var screen = document.querySelector ("canvas");
var brush = screen.getContext ("2d");
brush.fillStyle = "black";
brush.beginPath ();
brush.moveTo (50,50);
brush.lineTo (50,400);
brush.lineTo (400,400);
brush.fill ();
brush.fillStyle = "white";
brush.beginPath ();
brush.moveTo (100,175);
brush.lineTo (275,350);
brush.lineTo (100,350);
brush.fill ();
</script>