02_11_esquadro2.html

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


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

    function desenhaTriangulo(xa, ya, xc, yc, cor) {
        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.moveTo(xa,ya);
        pincel.lineTo(xa,yc);
        pincel.lineTo(xc,yc);
        pincel.fill();

    }


    desenhaTriangulo(50,50,400,400, 'black');
    desenhaTriangulo(100,175,275,350, 'white');

</script>