头图

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>

结果:

image.png

代码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中列表由方括号 [ ] 声明。

阅读 150

痴迷于赛博朋克世界的新手村代码玩家一枚

120 声望
10 粉丝
0 条评论
你知道吗?

痴迷于赛博朋克世界的新手村代码玩家一枚

120 声望
10 粉丝
宣传栏