Quark-Renderer----第十三篇

2021SC@SDUSC

综述

上次，我们主要对几何学意思上的点进行了分析，它具有正常点的特征，如横纵坐标，以及一些关于点的方法，该类主要作为一个基本的类，然后作为最基本的构件，后面的所有都可以通过这个来进行创建。
本次我们主要对几何意义上的线进行分析。描述几何意义上的线的js文件在描述点的同一文件夹下，都是geometric中的内容，在GeoLine.js中，我们可以看到作者的注释，关于对几何意义上的直线的定义，它看不见，没有宽度，用来进行数学运算，此实现从diagramo改进而来。下面我们将对其中的关键的方法属性分别讨论。

对GeoLine.js的解析

在该js文件中主要就是对于GeoLine类的描述，并将其导出。首先是构造函数，有两个自身属性，分别是起始点和终点。

  constructor(startPoint, endPoint) {
   
    this.startPoint = startPoint;
    this.endPoint = endPoint;
  }

load函数

load主要是的作用就是从JSON对象中创建直线，需要传一个JSON对象，然后调用GeoLine的构造函数，传入参数，然后返回这个直线

  static load(o) {
   
    let newLine = new GeoLine(GeoPoint.load(o.startPoint), GeoPoint.load(o.endPoint));
    return newLine;
  }

contains函数

该函数的作用就是测试某个点是否位于直线上（这里的直线不是数学意义上的无限延长的直线，而是线段），该函数用到的主要算法就是计算斜率，看看（x，y）是否处在这个线段上.
主要流程如下：先检查是否是竖线，即x不变为常数，因为竖线的斜率不存在，因此我们要单独讨论；而后我们在else中进行分析非竖线的情况，先求出直线的斜率a，以及他的b，这个是直线方程式的两个参数，然后判断参数（x,y）是否满足这个式子y == a * x + b，只需返回这个结果就可以了。

  contains(x, y) {
   
    // if the point is inside rectangle bounds of the segment
    if (
      mathMin(this.startPoint.x, this.endPoint.x) <= x &&
      x <= mathMax(this.startPoint.x, this.endPoint.x) &&
      mathMin(this.startPoint.y, this.endPoint.y) <= y &&
      y <= mathMax(this.startPoint.y, this.endPoint.y)
    ) {
   
      // check for vertical line
      if (this.startPoint.x == this.endPoint.x)