如何使用画布在 moveTo 和 LintTo 上动态设置 strokeStyle

问：

我希望线条应该用替代的笔触颜色绘制，就像假设我有预定义的坐标并且我想匹配图案一样。如果线条不匹配，则线条描边颜色应为红色，否则如果屏幕为黑色，则线条应为白色。

//HTLM PAGE 
 <div class="row">
   <div class="col-md-6">
      <canvas #canvas1></canvas>
   </div>
   <div class="col-md-6" id="figure">
      <canvas #canvas (mousedown)="startDrawing($event)" (mousemove)="drawLine($event)" (mouseup)="stopDrawing()"></canvas>
   </div>
</div>


//Typescript code
drawLinePattern() {
 for (const item of this.lines) {
    this.ctx.beginPath();
    this.ctx1.moveTo(item.px, item.py);
    this.ctx1.lineTo(item.x, item.y);
   if(this.lines.length % 2 == 0)
   this.ctx1.strokeStyle = 'white';
   else
   this.ctx1.strokeStyle = 'red';
   this.ctx1.stroke();
}