JSXGraph入门教程（3.3） - 线的构建

From https://ipesek.github.io/jsxg...

线的构建

线是我们要学习的另一种对象。线由定义两个点然后连接此两点生成。
下面是一个构建了两条线的画板的例子。

<div id="jxgbox" class="jxgbox" style="width:500px; height:200px;"></div>
<script>
 var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 2, 5, -2]});
 var line1 = board.create("line",[[-3,1],[3,-1]]);

 var p = board.create('point',[-2,-1]);
 var q = board.create('point',[3,1]);
 var line2 = board.create("line",[p,q]);
</script>

结果：

代码var line1 = board.create("line", [[-3,1],[3,-1]]);构建了通过[-3, 1]
和[3,-1]两点的线line1.对其中每一个点我们得定义x和y坐标。因为线需要一个含两个点的列表，我们使用方括号来包含这两个点，因此这两个点的列表是[-3,1],[3,-1]]。

第二条线line2我们首先定义两个点p和q，然后以[p,q]的方式调用它来定义line2。这里我们可以看到提前存储对象到变量的好处。因此我们可以定义另外一条线，连接p和q两点，而不必担心点坐标是否正确。

笔记：在JavaScript中列表由方括号 [ ] 声明。