Canvas couleur qui satennue

Bonjour,
j'ai un code qui me dessine un planning, jutilise une boucle pour crée plusieur ligne de separation.
mais mais les dessin ne sont pas uniforme et la couleur change. malgré qu'il on le meme style voci mon code:

 var Canvas = document.getElementById("myCanvas");

 var CanvasW = window.innerWidth - 60;
 var CanvasH = (2*CanvasW/3.5);

 var barreLeftW = ((CanvasH / 5));
 
 var barreTopH = (CanvasH / 10)-2;
 var barreTopW = (CanvasW - barreLeftW -2);

 var divBarreLeftH = ((CanvasH -barreTopH)-2) / nombreLigne;

 var nombreColonne = (periodTemporel * 60) / trancheHoraire;

 var ColonneW = (CanvasW - (barreLeftW-2))/ nombreColonne;  



 //dessin ligne de separation inter- div barre left

 var separationLigne = Canvas.getContext("2d");
 separationLigne.beginPath();

 for (var i = 0; i< nombreLigne -1; i++) {

  separationLigne.moveTo(0,(barreTopH +divBarreLeftH+ (divBarreLeftH *i) ));
  separationLigne.lineTo(barreLeftW,(barreTopH +divBarreLeftH+ (divBarreLeftH *i) ));
 }  
 
 separationLigne.lineWidth = 1;
 separationLigne.strokeStyle = "black";
 
 separationLigne.stroke();
 /**/

EDIT DE LA MODERATION : Ajout du LANGAGE dans les balises de code afin d'avoir la coloration syntaxique.
merci d'y penser à l'avenir.