乐趣区

关于javascript:JSXGraph入门教程33-线的构建

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. 对其中每一个点咱们得定义xy坐标。因为线须要一个含两个点的列表,咱们应用方括号来蕴含这两个点,因而这两个点的列表是[-3,1],[3,-1]]

第二条线 line2 咱们首先定义两个点 pq,而后以 [p,q] 的形式调用它来定义 line2。这里咱们能够看到提前存储对象到变量的益处。因而咱们能够定义另外一条线,连贯pq两点,而不用放心点坐标是否正确。

笔记:在 JavaScript 中列表由方括号 [] 申明。

退出移动版