Difference between revisions of "Polar curve plotter"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
|||
Line 9: | Line 9: | ||
<jsxgraph width="500" height="500"> | <jsxgraph width="500" height="500"> | ||
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. | + | a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); |
− | b = board. | + | b = board.create('slider', [[0,-2],[3,-2],[0,7,4*Math.PI]], {style:6, name:'b'}); |
function plot(){ | function plot(){ | ||
eval(document.getElementById("eingabe").value); | eval(document.getElementById("eingabe").value); | ||
− | graph = board. | + | graph = board.create('curve', [ |
r, [0,0], | r, [0,0], | ||
function(){return a.Value();}, | function(){return a.Value();}, | ||
Line 26: | Line 26: | ||
JXG.JSXGraph.freeBoard(board); | JXG.JSXGraph.freeBoard(board); | ||
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. | + | a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); |
− | b = board. | + | b = board.create('slider', [[0,-2],[3,-2],[0,7,4*Math.PI]], {style:6, name:'b'}); |
} | } | ||
Line 36: | Line 36: | ||
<source lang="javascript"> | <source lang="javascript"> | ||
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. | + | a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); |
− | b = board. | + | b = board.create('slider', [[0,-2],[3,-2],[0,7,4*Math.PI]], {style:6, name:'b'}); |
function plot(){ | function plot(){ | ||
eval(document.getElementById("eingabe").value); | eval(document.getElementById("eingabe").value); | ||
− | graph = board. | + | graph = board.create('curve', [ |
r, [0,0], | r, [0,0], | ||
function(){return a.Value();}, | function(){return a.Value();}, | ||
Line 53: | Line 53: | ||
JXG.JSXGraph.freeBoard(board); | JXG.JSXGraph.freeBoard(board); | ||
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. | + | a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'}); |
− | b = board. | + | b = board.create('slider', [[0,-2],[3,-2],[0,7,4*Math.PI]], {style:6, name:'b'}); |
} | } | ||
Latest revision as of 15:10, 3 March 2021
The JavaScript code
board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});
a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
b = board.create('slider', [[0,-2],[3,-2],[0,7,4*Math.PI]], {style:6, name:'b'});
function plot(){
eval(document.getElementById("eingabe").value);
graph = board.create('curve', [
r, [0,0],
function(){return a.Value();},
function(){return b.Value();}
],
{curveType:'polar',strokeColor:'red', strokeWidth:2}
);
board.update();
}
function clearAll() {
JXG.JSXGraph.freeBoard(board);
board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox: [-5, 5, 5, -5]});
a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
b = board.create('slider', [[0,-2],[3,-2],[0,7,4*Math.PI]], {style:6, name:'b'});
}
plot();