关于javascript:JSXGraph入门教程2-环境搭建

7次阅读

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

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

环境搭建

筹备构建 JSXgraph 图表的时候,最便当的办法是本地加载。为此咱们须要新建文件(比方 example.htm),
复制粘贴下方提供的模板,便可开始构建。
咱们保留文件程序后,就能够在本人最喜爱的浏览器(火狐,Chrome 或其余)里关上了。
反复以下过程:编辑、保留,之后刷新(浏览器界面按 F5),直到失去咱们称心的后果。

以下为用于构建和测试的根本模板。

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>JSXGraph template</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <link href="https://cdn.jsdelivr.net/npm/jsxgraph@1.1.0/distrib/jsxgraph.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.jsdelivr.net/npm/jsxgraph@1.1.0/distrib/jsxgraphcore.js" type="text/javascript" charset="UTF-8"></script>
    <!-- The next line is optional: MathJax -->
    <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" id="MathJax-script" async></script>
  </head>
  <body>

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

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

  </body>
</html>

这些脚本都从互联网中下载,因而咱们须要稳固的网络连接。

正文完
 0