Difference between revisions of "Cubic spline interpolation"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
Line 7: | Line 7: | ||
<div id="box" class="jxgbox" style="width:600px; height:400px;"></div> | <div id="box" class="jxgbox" style="width:600px; height:400px;"></div> | ||
<script language="JavaScript"> | <script language="JavaScript"> | ||
− | + | var board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25, axis:true}); | |
− | + | var p = []; | |
− | + | p[0] = board.create('point', [-1,2], {style:6}); | |
− | + | p[1] = board.create('point', [0,-1], {style:6}); | |
+ | p[2] = board.create('point', [1,0], {style:6}); | ||
+ | p[3] = board.create('point', [2,1], {style:6}); | ||
− | + | var c = board.create('spline', p, {strokeWidth:3}); | |
− | |||
− | |||
− | |||
− | |||
− | + | var g = board.create('glider', [1.5,0,c], {name:'',style:8}); | |
− | + | var t = board.create('tangent', [g], {dash:2,strokeColor:'#aa0000'}); | |
− | |||
− | |||
− | + | function addPoint() { | |
− | + | p.push(board.create('point',[(Math.random()-0.5)*10,(Math.random()-0.5)*3],{style:6})); | |
− | + | board.update(); | |
− | + | } | |
</script> | </script> | ||
Line 36: | Line 32: | ||
=== The underlying JavaScript code === | === The underlying JavaScript code === | ||
<source lang="javascript"> | <source lang="javascript"> | ||
− | + | var board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25, axis:true}); | |
− | + | var p = []; | |
− | + | p[0] = board.create('point', [-1,2], {style:6}); | |
− | + | p[1] = board.create('point', [0,-1], {style:6}); | |
+ | p[2] = board.create('point', [1,0], {style:6}); | ||
+ | p[3] = board.create('point', [2,1], {style:6}); | ||
− | + | var c = board.create('spline', p, {strokeWidth:3}); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | var g = board.create('glider', [1.5,0,c], {name:'',style:8}); | ||
+ | var t = board.create('tangent', [g], {dash:2,strokeColor:'#aa0000'}); | ||
+ | |||
+ | function addPoint() { | ||
+ | p.push(board.create('point',[(Math.random()-0.5)*10,(Math.random()-0.5)*3],{style:6})); | ||
+ | board.update(); | ||
+ | } | ||
</source> | </source> | ||
[[Category:Examples]] | [[Category:Examples]] |
Revision as of 15:18, 1 February 2010
Constructs a cubic spline through given points. Points can be added by clicking on "Add point".
References
The underlying JavaScript code
var board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25, axis:true});
var p = [];
p[0] = board.create('point', [-1,2], {style:6});
p[1] = board.create('point', [0,-1], {style:6});
p[2] = board.create('point', [1,0], {style:6});
p[3] = board.create('point', [2,1], {style:6});
var c = board.create('spline', p, {strokeWidth:3});
var g = board.create('glider', [1.5,0,c], {name:'',style:8});
var t = board.create('tangent', [g], {dash:2,strokeColor:'#aa0000'});
function addPoint() {
p.push(board.create('point',[(Math.random()-0.5)*10,(Math.random()-0.5)*3],{style:6}));
board.update();
}