Difference between revisions of "Limacon"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
|||
| Line 2: | Line 2: | ||
<html> | <html> | ||
| − | |||
| − | |||
<input type="button" value="Clear trace" onClick="clearTrace()" /> | <input type="button" value="Clear trace" onClick="clearTrace()" /> | ||
| − | < | + | </html> |
| − | + | <jsxgraph box="jxgbox" width="500" height="430"> | |
| − | + | var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-2, 16, 18, -2]}); | |
| − | |||
| − | |||
| − | + | var p3 = board.createElement('point', [8, 4], {face:'x',size:3,name:"P_{3}",fixed:true}); | |
| − | + | var p4 = board.createElement('point', [8, 8], {size:4,face:'x',name:"P_{4}",fixed:true}); | |
| − | + | var c1 = board.createElement('circle', [p4, p3]); | |
| − | + | var p6 = board.createElement('glider', [0, 0, c1], {face:'o',size:1,name:"P_{6}"}); | |
| − | + | var g = board.create('line', [p3, p6]); | |
| − | + | var c2 = board.create('circle', [p6, 3]); | |
| − | + | var p14_1 = board.create('point', [board.intersectionFunc(c2,g,0)], {size:3,face:'[]',name:"M",trace:true}); | |
| − | + | var p14_2 = board.create('point', [board.intersectionFunc(c2,g,1)], {size:3,face:'[]',name:"N",trace:true}); | |
| − | + | function clearTrace() { | |
| − | + | p14_1.clearTrace(); | |
| − | + | p14_2.clearTrace(); | |
| − | + | } | |
| − | </ | + | </jsxgraph> |
| − | |||
==References== | ==References== | ||
| Line 37: | Line 32: | ||
<source lang="javascript"> | <source lang="javascript"> | ||
| − | + | var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-2, 16, 18, -2]}); | |
| − | |||
| − | |||
| − | + | var p3 = board.createElement('point', [8, 4], {face:'x',size:3,name:"P_{3}",fixed:true}); | |
| − | + | var p4 = board.createElement('point', [8, 8], {size:4,face:'x',name:"P_{4}",fixed:true}); | |
| − | + | var c1 = board.createElement('circle', [p4, p3]); | |
| − | + | var p6 = board.createElement('glider', [0, 0, c1], {face:'o',size:1,name:"P_{6}"}); | |
| − | + | var g = board.create('line', [p3, p6]); | |
| − | + | var c2 = board.create('circle', [p6, 3]); | |
| − | + | var p14_1 = board.create('point', [board.intersectionFunc(c2,g,0)], {size:3,face:'[]',name:"M",trace:true}); | |
| − | + | var p14_2 = board.create('point', [board.intersectionFunc(c2,g,1)], {size:3,face:'[]',name:"N",trace:true}); | |
| − | + | function clearTrace() { | |
| − | + | p14_1.clearTrace(); | |
| − | + | p14_2.clearTrace(); | |
| − | + | } | |
</source> | </source> | ||
[[Category:Examples]] | [[Category:Examples]] | ||
[[Category:Curves]] | [[Category:Curves]] | ||
Revision as of 10:14, 8 June 2011
With JSXGraph elements can be traced to visualize construced loci.
References
The underlying JavaScript code
var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-2, 16, 18, -2]});
var p3 = board.createElement('point', [8, 4], {face:'x',size:3,name:"P_{3}",fixed:true});
var p4 = board.createElement('point', [8, 8], {size:4,face:'x',name:"P_{4}",fixed:true});
var c1 = board.createElement('circle', [p4, p3]);
var p6 = board.createElement('glider', [0, 0, c1], {face:'o',size:1,name:"P_{6}"});
var g = board.create('line', [p3, p6]);
var c2 = board.create('circle', [p6, 3]);
var p14_1 = board.create('point', [board.intersectionFunc(c2,g,0)], {size:3,face:'[]',name:"M",trace:true});
var p14_2 = board.create('point', [board.intersectionFunc(c2,g,1)], {size:3,face:'[]',name:"N",trace:true});
function clearTrace() {
p14_1.clearTrace();
p14_2.clearTrace();
}
