Consulta sobre beginPath

Buenos días Alejandro, podrías compartir tu código?

Saludos!

Si, presento la duda con la escuadra por ejemplo

<canvas width="600" height="400"></canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");

    //triángulo negro
    pincel.fillStyle = "black";
    pincel.beginPath();
    pincel.moveTo(50,50);
    pincel.lineTo(50,400);
    pincel.lineTo(400,400);
    pincel.fill();

    //triángulo blanco
    pincel.fillStyle = "white";
    pincel.beginPath();
    pincel.moveTo(100,175);
    pincel.lineTo(100,350);
    pincel.lineTo(275,350);
    pincel.fill();



</script>

Si ahora elimino begin.Path() del triángulo grande, todo funciona igual

<canvas width="600" height="400"></canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");

    //triángulo negro
    pincel.fillStyle = "black";
    //pincel.beginPath(); //***línea eliminada***
    pincel.moveTo(50,50);
    pincel.lineTo(50,400);
    pincel.lineTo(400,400);
    pincel.fill();

    //triángulo blanco
    pincel.fillStyle = "white";
    pincel.beginPath();
    pincel.moveTo(100,175);
    pincel.lineTo(100,350);
    pincel.lineTo(275,350);
    pincel.fill();



</script>

Hola Alejandro, el método .beginPath es para indicar al pincel una nueva ruta, es como decirle que graficara otro objeto con nuevos valores y en el caso del ejercicio de clases, si no se nota la diferencia es porque al triangulo de color blanco si se le esta indicando que tiene una nueva ruta, por lo que seria otro objeto y de color blanco... Ahora en la grafica de abajo toma a las dos figuras como si tratara de una sola e incluso toma el color negro para ambos por estar al final del código

Espero poder sido de ayuda, saludos y éxitos en la cursada !

Muchas gracias Daniel por tomarte el tiempo en responder, saludos!!!