Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- test01 [2022/07/11 09:15] – torsten.roehl
+++ test01 [2022/07/11 09:57] (aktuell) – torsten.roehl
@@ Zeile 1: / Zeile 1: @@
+==AA==
 <PRELOAD>
-#
- /lib/scripts/jqplot/jquery.jqplot.js
- /lib/scripts/jqplot/jquery.jqplot.css    # css
- /lib/scripts/jqplot/jquery.min.js        #(not required since DokuWiki 2012-01-25 Angua uses jQuery)
- /lib/scripts/jqplot/jquery.jqplot.min.js # js
 #
 # jsxgraph
@@ Zeile 14: / Zeile 7: @@
 https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js
 https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css
-#
-# personal
-#
-/lib/scripts/src/header.js
-/lib/scripts/src/pointCharge.js
 </PRELOAD>
+<HTML>
-hhjkjkj
+<body>
-<JS>
+<div id="box" class="jxgbox" style="width:500px; height:500px;"></div>
+<script type="text/javascript">
+var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:false,boundingbox:[-5,5,5,-5],keepaspectratio:true});
+var p = brd.create('point', [0,0]);
+var q = brd.create('point', [3,3]);
+var circ = brd.create('circle', [p, q]);
+// Create an empty curve
+var ticks = brd.create('curve', [[0], [0]],
+             {strokeWidth: 1,
+              strokeColor: 'blue',
+              strokeOpacity: 0.5});
+// Make ticks out of the curve
+ticks.updateDataArray = function() {
+    var cx = circ.center.X(),
+        cy = circ.center.Y(),
+        r = circ.Radius(),
+        i,
+        ticklen = 0.3,           // Length of ticks in user space coordinates
+        steps = 20,              // Number of ticks
+        d = ticklen * 0.5,
+        alpha = 2 * Math.PI / steps;
+    this.dataX = [];
+    this.dataY = [];
+    for (i = 0; i < steps; i++) {
+        // Start of a tick
+        this.dataX.push( cx + (r - d)* Math.cos(i * alpha) );
+        this.dataY.push( cy + (r - d) * Math.sin(i * alpha) );
+        // End of tick
+        this.dataX.push( cx + (r + d) * Math.cos(i * alpha) );
+        this.dataY.push( cy + (r + d) * Math.sin(i * alpha) );
+        // Interrupt the curve
+        this.dataX.push( NaN );
+        this.dataY.push( NaN );
+    }
+};
+brd.update();
+</script>
+</body>
+</HTML>
+hhjkjkj
-JXG.JSXGraph.freeBoard(board);
-board = JXG.JSXGraph.initBoard('box',{originX:100, originY:100, unitX:1, unitY:1, axis:true});
-board.create('point',[50,50]); board.create('point',[100,50]);
-</JS>