JSX Trigonometrische Funktionen

Aus Wiki1

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
Zeile 2: Zeile 2:
-
<jsxgraph box="box" width="400" height="400">
+
<jsxgraph width="500" height="500">
-
var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.33, 1.33, 1.33, -1.33], axis: true});
+
var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-10, 10, 10, -10]});
-
board.suspendUpdate();
+
var a = board.create('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});
-
var b1c1 = board.create('circle', [[0,0], [1,0]]);
+
var c1 = board.create('curve', [function(phi){return a.Value()*Math.sqrt(phi); }, [0, 0],0, 8*Math.PI],
-
var b1p1 = board.create('point', [2, 0], {slideObject: b1c1});
+
            {curveType:'polar', strokewidth:4});      
-
var perp = board.create('perpendicular', [board.defaultAxes.x,b1p1],[{strokeColor: '#ff0000', visible: true}, {visible: false}]);
+
var c2 = board.create('curve', [function(phi){return -a.Value()*Math.sqrt(phi); }, [0, 0],0, 8*Math.PI],
-
var perp2 = board.create('perpendicular',[board.defaultAxes.y,b1p1],[{strokeColor: '#0000ff', visible: true}, {visible: false}]);
+
            {curveType:'polar', strokewidth:4});     
-
board.unsuspendUpdate();
+
</jsxgraph>  
-
 
+
-
// Animation
+
-
var animated = false;
+
-
function animate(point, direction, count) {
+
-
    if(animated) {
+
-
        point.stopAnimation();
+
-
        animated = false;
+
-
    } else {
+
-
        point.startAnimation(direction, count);
+
-
        animated = true;
+
-
     }
+
-
}
+
-
</jsxgraph>
+
[[Kategorie:Bilder]]
[[Kategorie:Bilder]]
[[Kategorie:Wissen]]
[[Kategorie:Wissen]]

Version vom 17:50, 22. Nov. 2013

Mit Hilfe des Programmpakets JSXGraph (siehe http://jsxgraph.uni-bayreuth.de/wp/) können komplexe, interaktive Grafiken nur mit Hilfe von JavaScript in Webseiten integriert werden. Hier ein Beispiel zur Darstellung der Trigonometrischen Funktionen (der rote Punkt kann mit der Maus bewegt werden!):


Persönliche Werkzeuge