Foi meio complicado mas ...

Bem, foi um código bem complicadinho pra mim que tenho graves problemas com números haha. Mas bem, dei um jeito de resolver o problema, e foi colocando respectivos valores nas arrays e os utilizando, há alguma dica a mais ou outra forma bacana de resolver isso, usando alguma outra ferramenta para construção do código ? De qualquer forma, código abaixo para verificação:

<meta charset= "UTF-8">

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

<script>

 var tela = document.querySelector('canvas');
 var pincel = tela.getContext('2d');


 var cor = ['black','white'];
 var dados = [50, 100, 175, 275, 350, 400];

 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(dados[0],dados[0],dados[5], dados[5], cor[0]);

desenhaTriangulo(dados[1],dados[2],dados[3],dados[4], cor[1]);

</script>

Super aceito dicas de estudo !! Valeu.