Difference between revisions of "Conic sections"

From JSXGraph Wiki
Jump to: navigation, search
Line 1: Line 1:
 
<jsxgraph width="600" height="400" box="jxgbox1">
 
<jsxgraph width="600" height="400" box="jxgbox1">
 +
(function(){
 
var brd1=JXG.JSXGraph.initBoard('jxgbox1',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
 
var brd1=JXG.JSXGraph.initBoard('jxgbox1',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
  
Line 6: Line 7:
 
var C = brd1.create('point',[0,-1]);
 
var C = brd1.create('point',[0,-1]);
 
var ell = brd1.create('ellipse',[A,B,C]);
 
var ell = brd1.create('ellipse',[A,B,C]);
 +
})();
 
</jsxgraph>
 
</jsxgraph>
  
 
<jsxgraph width="600" height="400" box="jxgbox2">
 
<jsxgraph width="600" height="400" box="jxgbox2">
 +
(function(){
 
var brd2=JXG.JSXGraph.initBoard('jxgbox2',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
 
var brd2=JXG.JSXGraph.initBoard('jxgbox2',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
  
 
var A = brd2.create('point',[-1,0]);
 
var A = brd2.create('point',[-1,0]);
 
var B = brd2.create('point',[1,0]);
 
var B = brd2.create('point',[1,0]);
var s = brd2.create('slider',[[-1,-2],[1,-2],[0,5,10]]);
+
var s = brd2.create('slider',[[-1,-2],[1,-2],[0,4,10]]);
 
var ell = brd2.create('ellipse',[A,B,function(){return s.Value();}]);
 
var ell = brd2.create('ellipse',[A,B,function(){return s.Value();}]);
 +
})();
 
</jsxgraph>
 
</jsxgraph>
  
 
<jsxgraph width="600" height="400" box="jxgbox3">
 
<jsxgraph width="600" height="400" box="jxgbox3">
 +
(function(){
 
var brd3=JXG.JSXGraph.initBoard('jxgbox3',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
 
var brd3=JXG.JSXGraph.initBoard('jxgbox3',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
  
Line 24: Line 29:
 
var C = brd3.create('point',[0,-1]);
 
var C = brd3.create('point',[0,-1]);
 
var hyp = brd3.create('hyperbola',[A,B,C]);
 
var hyp = brd3.create('hyperbola',[A,B,C]);
 +
})();
 
</jsxgraph>
 
</jsxgraph>
  
 
<jsxgraph width="600" height="400" box="jxgbox4">
 
<jsxgraph width="600" height="400" box="jxgbox4">
 +
(function(){
 
var brd4=JXG.JSXGraph.initBoard('jxgbox4',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
 
var brd4=JXG.JSXGraph.initBoard('jxgbox4',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
  
Line 33: Line 40:
 
var s = brd4.create('slider',[[-1,-2],[1,-2],[0,0.5,1]]);
 
var s = brd4.create('slider',[[-1,-2],[1,-2],[0,0.5,1]]);
 
var hyp = brd4.create('hyperbola',[A,B,function(){return s.Value();}]);
 
var hyp = brd4.create('hyperbola',[A,B,function(){return s.Value();}]);
 +
})();
 
</jsxgraph>
 
</jsxgraph>
  
 
<jsxgraph width="600" height="400" box="jxgbox5">
 
<jsxgraph width="600" height="400" box="jxgbox5">
 +
(function(){
 
var brd5=JXG.JSXGraph.initBoard('jxgbox5',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
 
var brd5=JXG.JSXGraph.initBoard('jxgbox5',{boundingbox:[-3,3,3,-3], keepaspectratio:true});
  
Line 43: Line 52:
 
var C = brd5.create('point',[0,-1]);
 
var C = brd5.create('point',[0,-1]);
 
var hyp = brd5.create('parabola',[C,line]);
 
var hyp = brd5.create('parabola',[C,line]);
 +
})();
 
</jsxgraph>
 
</jsxgraph>

Revision as of 14:07, 21 March 2010