关于javascript:JSXGraph入门教程31-描绘面积

4次阅读

共计 758 个字符,预计需要花费 2 分钟才能阅读完成。

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

描述面积

JSXGraph 须要画布作为开展构建的中央。因为咱们有 HTML 和 JavaScript,
咱们须要 HTML 中的一个元素来让 JavaScript 拿来充当画布。首先咱们须要在 HTML 中挪个中央,在此开始咱们的构建。
咱们将应用带有特定属性的 div 元素来满足此目标。

<div id="jxgbox" class="jxgbox" style="width:500px; height:200px;"></div>

从下面这行代码中咱们能够看到一些属性。其中‘id=jxgbox’ 对咱们来说十分重要,那是咱们用来对接 JSXGraph 的。
接下来的’class=jxgbox‘是用来申明咱们的画板的外观体现的。这是一个比拟高级的话题,咱们稍后会探讨。
最初的属性是’style=”width:500px; height:200px;”‘,用于定义咱们的画板的大小。

重点:这里咱们并没有定义本人的坐标零碎,仅仅是画布的大小。

当咱们定义好画布之后,咱们须要将之与 JSXGraph 对接。这能够由上面的代码实现。其须要被放在一个 '<script></script>’ 标签中。

var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 2, 5, -2]});

能够看到其调用了 initBoard 函数,用来构建画板。这个函数须要至多一个参数,在下面例子中 id 为’jxgbox‘的 div 元素。
‘boundingbox: [-5, 2, 5, -2]’ 则设定了构建的坐标零碎的边界。

察看上述两行代码,咱们能够看到有两种大小的定义。对 div 元素咱们创立了一个大小为具体像素值的画布。
而后咱们申明了一个坐标零碎和它的大小,用以在画板上搁置对象。

正文完
 0