Как сделать параллельные линии

Question

В настоящее время у меня есть это:

 // mDY = current Y-axis position 
     // first point (X1, Y1), second point (X2,Y2); 
     if (Y1 > mDY) 
      mDY1 = Y1 - Math.abs(Y1 - mDY); 
     else if (Y1 < mDY) 
      mDY1 = Y1 + Math.abs(Y1 - mDY); 

     if (Y2 > mDY) 
      mDY2 = Y2 - Math.abs(Y2 - mDY); 
     else if (Y2 < mDY) 
      mDY2 = Y2 + Math.abs(Y2 - mDY); 


       ctx.beginPath(); 
       ctx.moveTo(X1,Y1); 
       ctx.lineTo(X2,Y2);    
       ctx.stroke(); 

       ctx.beginPath(); 
       ctx.moveTo(X1, mDY1); 
       ctx.lineTo(X2, mDY2); 
       ctx.stroke(); 

То, что я хочу, чтобы иметь этот результат:

В основном они всегда параллельны, как параллельный канал.

Answer 1

По определению абсолютного значения, вы можете сократить этот фрагмент

if (Y1 > mDY) 
    mDY1 = Y1 - Math.abs(Y1 - mDY); 
else if (Y1 < mDY) 
    mDY1 = Y1 + Math.abs(Y1 - mDY); 

к этому

mDY1 = Y1 - (Y1 - mDY) 

которая

mDY1 = mDY 
// and mDY2 = mDY, which is horizontal line 

Что вы хотите

mDY1 = Y1 - mDY; 
mDY2 = Y2 - mDY;