Polar curve plotter: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<p> | <p> | ||
<textarea cols=60 rows=4 id="eingabe">function r(t) {return t; }; | <textarea cols=60 rows=4 id="eingabe">function r(t) {return 0.2*t; }; | ||
</textarea><br /> | </textarea><br /> | ||
<input type="button" value="plot" onClick="plot()"> | <input type="button" value="plot" onClick="plot()"> | ||
| Line 10: | Line 10: | ||
board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]}); | board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]}); | ||
a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); | a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); | ||
b = board.createElement('slider', [[0,-2],[3,-2],[0, | b = board.createElement('slider', [[0,-2],[3,-2],[0,5,4*Math.PI]], {style:6, name:'b'}); | ||
function plot(){ | function plot(){ | ||
eval(document.getElementById("eingabe").value); | eval(document.getElementById("eingabe").value); | ||
| Line 27: | Line 27: | ||
board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50}); | board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50}); | ||
a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); | a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); | ||
b = board.createElement('slider', [[0,-2],[3,-2],[0, | b = board.createElement('slider', [[0,-2],[3,-2],[0,5,4*Math.PI]], {style:6, name:'b'}); | ||
} | } | ||
| Line 37: | Line 37: | ||
board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]}); | board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]}); | ||
a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); | a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); | ||
b = board.createElement('slider', [[0,-2],[3,-2],[0, | b = board.createElement('slider', [[0,-2],[3,-2],[0,5,4*Math.PI]], {style:6, name:'b'}); | ||
function plot(){ | function plot(){ | ||
eval(document.getElementById("eingabe").value); | eval(document.getElementById("eingabe").value); | ||
| Line 54: | Line 54: | ||
board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50}); | board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50}); | ||
a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); | a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); | ||
b = board.createElement('slider', [[0,-2],[3,-2],[0, | b = board.createElement('slider', [[0,-2],[3,-2],[0,5,4*Math.PI]], {style:6, name:'b'}); | ||
} | } | ||
Revision as of 19:51, 1 July 2009
The JavaScript code
<source lang="javascript"> board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]}); a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); b = board.createElement('slider', [[0,-2],[3,-2],[0,5,4*Math.PI]], {style:6, name:'b'}); function plot(){
eval(document.getElementById("eingabe").value);
graph = board.createElement('curve', [
x,y,
function(){return a.Value();},
function(){return b.Value();}
],
{strokeColor:'red', strokeWidth:2}
);
board.update();
}
function clearAll() {
JXG.JSXGraph.freeBoard(board);
board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50});
a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
b = board.createElement('slider', [[0,-2],[3,-2],[0,5,4*Math.PI]], {style:6, name:'b'});
}
plot(); <source>
