当前位置: 首页 > Web前端 > JavaScript

JSXGraph入门教程(3.1)-描绘区域

时间:2023-03-26 21:02:26 JavaScript

来自https://ipesek.github.io/jsxg...描绘区域JSXGraph需要一个画布作为扩展和构建的地方。由于我们有HTML和JavaScript,因此我们需要HTML中的一个元素供JavaScript用作画布。首先,我们需要移动到开始构建的HTML中的某处。为此,我们将使用具有特定属性的div元素。

从上面这行代码我们可以看到一些属性。其中,'id=jxgbox'对我们来说非常重要,就是我们用来与JSXGraph接口的。下一个'class=jxgbox'用于声明我们画板的外观。这是一个更高级的话题,我们将在后面讨论。最后一个属性是'style="width:500px;height:200px;"',它定义了画板的大小。重要提示:这里我们没有定义自己的坐标系,只是画布的大小。定义画布后,我们需要将它与JSXGraph连接起来。这可以通过以下代码实现。它需要放在“”标签中。varboard=JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,2,5,-2]});可以看到它调用了initBoard函数来构建绘图板。此函数至少需要一个参数,即上例中id为'jxgbox'的div元素。'boundingbox:[-5,2,5,-2]'设置构建坐标系的边界。看上面两行代码,我们可以看到定义了两种尺寸。对于div元素,我们创建了一个具有特定像素大小的画布。然后我们声明一个坐标系及其大小,用于将对象放置在画板上。