第一步：原理：
1.若两条直线斜率存在,则:斜率相等,则这两直线平行;

2.若两条直线斜率都不存在,则这两条直线也平行.所以说,如果两条直线平行,则它们的斜率相等【是错误的】 反过来:若两直线斜率相等,则这两条直线平行【是正确的】
第二步：思路：
证明两条直线平行，肯定是证明斜率相同比较容易，因为根据坐标求斜率比较简单，但是需要注意的是，当直线平行于y轴的时候斜率是不存在的，所以在写代码的时候要考虑到这一点
第三步：代码：
public static void parallel(double x1,double y1,double x2,double y2,double x3,double y3,double x4,double y4){
		//这个判断条件是为了避免有一条直线平行于y轴，因为他们此时斜率无穷大，但是如果他们都平行y轴，说明他们也是平行的
		if(x1==x2 || x3==x4){
			if(x1==x2&&x3==x4){
				System.out.println("两直线平行");
			}
		}else{
			double p1 = (y2-y1)/(x2-x1);
			double p2 = (y4-y3)/(x4-x3);
			if(p1 == p2){
				System.out.println("两直线平行");
			}
		}
	}

第四步：拓展：
思考：当判断三点坐标是不是在一条直线上的时候，这个是不是也可以用到？
很明显是可以的，话不多说上代码：
public static void getSlope(double x1,double y1,double x2,double y2,double x3,double y3){
		//这个判断条件是为了避免有一条直线平行于y轴，因为他们此时斜率无穷大，但是如果他们都平行y轴，说明他们也是平行的
		if(x1==x2 || x2==x3){
			if(x1==x2&&x2==x3){
				System.out.println("该三点在一条直线上");
			}
		}else{
			double p1 = (y2-y1)/(x2-x1);
			double p2 = (y2-y3)/(x2-x3);
			if(p1 == p2){
				System.out.println("该三点在一条直线上");
			}
		}
	}

ok，还有什么证明会用到斜率相同呢，一起探讨探讨吧

两个不同点A,B确定一条直线，AB相同返回的值全0

直线方程：Ax+By+c=0
A = y2 - y1;
B = x1 - x2;
C = -Ax1 - By1 = x2y1 - x1y2;

证明之后补上；
Line LineMake(Point A, Point B)

{

Line l;

l.A = B.y - A.y;

l.B = A.x - B.x;

l.C = B.x * A.y - A.x * B.y;

return l;

}

页面上有两颗星星图标，画一条线连接两颗星星。

1.先获取两点的坐标   2.计算弦长及旋转角度   3.绘制线

<div class="quality-analysis">
  <div class="cnt-box">
     <span  class="selected-start">
        <svg class="icon fs16 warn-text icon-orange " aria-hidden="true">
           <use xlink:href="#h-delete-collect"></use>
         </svg>
      </span>
      <span  class="selected-start">
        <svg class="icon fs16 gray-text" aria-hidden="true">
          <use xlink:href="#h-collect"></use>
         </svg>
        </span> 
  </div>
</div>

<script>
  export default {
    data() {
      return {
        positionList: [], // 获取坐标
      }
    },
    mounted() {
      this.getStartPosition()
      this.drawLine(this.positionList)
    },
    methods: {
      // 获取星星坐标
      getStartPosition() {
        let nodeList = document.querySelectorAll('.selected-start')
        let parentNode = document.querySelector('.cnt-box').offsetParent
        let actualLeft = 0
        let current = 0
        let actualTop = 0
        if(nodeList.length>0){
          for(let i=0;i<nodeList.length;i++){
            actualLeft = nodeList[i].offsetLeft  // 累加计算星星相对于顶级父元素的距离
            actualTop = nodeList[i].offsetTop
            current = nodeList[i].offsetParent
            while(current!== parentNode){
              actualLeft += current.offsetLeft
              actualTop += current.offsetTop
              current = current.offsetParent
            }
            let obj = {
              x:actualLeft,
              y:actualTop,
            }
            this.positionList.push(obj)
          }
        }
       
      },

      // 画星星连线
      drawLine(positionList) {
        if(positionList.length>0){
          for(let i=1;i<positionList.length;i++){
            // 计算长宽
            let rectWidth = Math.abs(positionList[i].x - positionList[i-1].x)
            let rectHeight = Math.abs(positionList[i].y - positionList[i-1].y)
            // 在页面确定div左上角的具体位置
            let rectX = positionList[i].x < positionList[i-1].x ? positionList[i].x : positionList[i-1].x
            let rectY = positionList[i].y < positionList[i-1].y  ? positionList[i].y : positionList[i-1].y
          
            // 弦长
            let stringWidth = Math.ceil(Math.sqrt((rectWidth * rectWidth)+ (rectHeight*rectHeight)))
            let xPad = (rectWidth - stringWidth)/2
            let yPad = (rectHeight - 2)/2
            // 从x轴到(x,y)的旋转角度
            let radNum = Math.atan2((positionList[i].y - positionList[i-1].y),(positionList[i].x - positionList[i-1].x))
            let  traX  = rectX +  xPad - 8 // 8为星星图标大小的1/2
            let  traY  = rectY +  yPad + 8
            // 创建div
            let div = document.createElement('div')
            div.innerHTML = '<div ' +
              ' style = "width:' + stringWidth + 'px;height:2px;transform:translate(' + traX+ 'px,' + traY +'px) rotate('+ radNum+ 'rad) " class="draw-line-style"></div>'
            let doc = document.querySelector('.quality-analysis')
            doc.appendChild(div)
          }
        }
      }
    }
  }
</script>

说明：

<style lang="scss">
  .quality-analysis {
    position: relative;
  .draw-line-style{
    top: 0;
    position: absolute;
    border-top: 1px solid $bgOrange;
  }
</style>

1.每个元素都有offsetTop和offsetLeft属性，表示该元素的左上角与父容器（offsetParent对象）左上角的距离。所以，只需要将这两个值进行累加，就可以得到该元素的绝对坐标。

2.atan2(y,x) ：返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。

我可以想出一个简单的方法，不需要逐步更新图像：在一张空白图像上，从点1向点2的方向画一条长线，然后用绘制(填充)的单个轮廓的图像生成图像。这将在轮廓末端停止直线。然后你可以使用这个蒙版来画线，或者得到最小/最大的x，y坐标，如果你想要这条线的坐标。在
要浏览示例，首先我们将找到轮廓并在空白图像上绘制：contours = cv2.findContours(img, cv2.RETR_EXTERNAL, cv2.CHAIN_APPROX_NONE)[1]
contour_img = np.zeros_like(img)
cv2.fillPoly(contour_img, contours, 255)
然后，如果我们有点p1和p2，找到它们前进的方向，找到一个离这个距离很远的点，然后在一个新的空白图像上画出这条线(这里我使用了距p11000个像素的距离)：
^{pr2}$
然后简单地把这两个图像放在一起contour_line_img = cv2.bitwise_and(line_img, contour_img)
这是一张显示点的图像，这条线延伸过轮廓线，以及在轮廓处断开的线。在
编辑：注意，只有当你的轮廓是凸的时，这才有效。如果有凹面，线穿过凹面部分，它将继续在凹面的另一侧绘制。例如，在消音器的回答中，如果两个点都在其中一只耳朵内，并指向另一只耳朵，你会希望轮廓在碰到边缘时停止，但我的会继续画在另一只耳朵上。我认为像消音器这样的迭代方法对一般情况来说是最好的，但是我喜欢这种方法的简单性，如果你知道你有凸轮廓或者你的点在一个地方不会有这个问题。在
Edit2:Stack上的其他人通过创建一个：openCV 3.0 python LineIterator回答了他们自己关于Python中Line Iterator类的问题