<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>Sandkasten</title>
|
<link rel="stylesheet" href="lib/dom-output.css" />
|
<link rel="stylesheet" href="lib/dfhi.css" />
|
<link rel="stylesheet" href="lib/dfhi-plot.css"/>
|
<link rel="stylesheet" href="jsxgraph-experiment.css"/>
|
</head>
|
<body>
|
|
<div>
|
<p>
|
Sandkasten zum Testen der Bibliothek JSXGraph. Documentation:
|
<a href="https://jsxgraph.org/docs/index.html">JSXGraph</a>
|
</p>
|
Geben Sie die Anzahl der zu zeichenden Punkten ein: <input type="text" id="argv" name="argv" />
|
<button name="run" id="run" >Plot Punkten</button>
|
</p>
|
</div>
|
|
<div class="row">
|
<div id="plotter-container" class="column">
|
<div class="jxgbox" id="plotter"></div>
|
<div>
|
<button id="export">Export to SVG</button>
|
<button id="axis">Show/hide Axis</button>
|
</div>
|
</div>
|
<div id="text-output-container" class="column">
|
<pre id="text-output"></pre>
|
</div>
|
</div>
|
|
<p class="notice">
|
Das Programm plottet die Punkten auf der Lissajous-Kurve
|
\[
|
\left\{\begin{array}{ccl}
|
x &=& A\sin(at + \delta)\\
|
y &=& B\cos(bt)
|
\end{array}\right.
|
\]
|
für \(a = 3\), \(b = 4\) und \(A = B = 1\).</p>
|
<p>
|
|
|
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
|
<script src="jsxgraph-experiment.js" type="module"></script>
|
|
</body>
|
</html>
|
