Difference between revisions of "Cardinal splines"

From JSXGraph Wiki
Jump to navigationJump to search
 
Line 8: Line 8:
  
 
// tension
 
// tension
tau = brd.create('slider', [[1,4],[4,4],[0.001,0.5,1]], {name:'tau'});
+
tau = brd.create('slider', [[0.5,4],[3,4],[0.001,0.5,1]], {name:'tau'});
 
c = brd.create('curve', JXG.Math.Numerics.CardinalSpline(p, function(){ return tau.Value();}), {strokeWidth:3});
 
c = brd.create('curve', JXG.Math.Numerics.CardinalSpline(p, function(){ return tau.Value();}), {strokeWidth:3});
 
</jsxgraph>
 
</jsxgraph>
Line 22: Line 22:
  
 
// tension
 
// tension
tau = brd.create('slider', [[1,4],[4,4],[0.001,0.5,1]], {name:'tau'});
+
tau = brd.create('slider', [[0.5,4],[4,3],[0.001,0.5,1]], {name:'tau'});
 
c = brd.create('curve', JXG.Math.Numerics.CardinalSpline(p, function(){ return tau.Value();}), {strokeWidth:3});
 
c = brd.create('curve', JXG.Math.Numerics.CardinalSpline(p, function(){ return tau.Value();}), {strokeWidth:3});
 
</source>
 
</source>

Latest revision as of 09:55, 10 April 2014

The underlying JavaScript code

var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox: [-5, 5, 5, -5]}),
    p = [], c, i, tau;

for (i=0;i<5;i++) {
    p.push(brd.create('point', [(Math.random()-0.5)*7,(Math.random()-0.5)*7],{withLabel:true}));
}

// tension
tau = brd.create('slider', [[0.5,4],[4,3],[0.001,0.5,1]], {name:'tau'});
c = brd.create('curve', JXG.Math.Numerics.CardinalSpline(p, function(){ return tau.Value();}), {strokeWidth:3});