Difference between revisions of "Bezier curves II"

From JSXGraph Wiki
Jump to navigationJump to search
Line 19: Line 19:
  
 
col = 'black';  
 
col = 'black';  
m.push(brd.createElement('midpoint',[l[0]],{face:'o',size:2,strokeColor:col,fillColor:col}));
+
m.push(brd.createElement('midpoint',[l[0]],{face:'o',size:1,strokeColor:col,fillColor:col, name:''}));
 +
m.push(brd.createElement('midpoint',[l[1]],{face:'o',size:1,strokeColor:col,fillColor:col, name:''}));
 +
m.push(brd.createElement('midpoint',[l[2]],{face:'o',size:1,strokeColor:col,fillColor:col, name:''}));
 +
 
 +
l.push(brd.createElement('segment',[m[0],m[1]],{strokeOpacity:0.5}));
 +
l.push(brd.createElement('segment',[m[1],m[2]],{strokeOpacity:0.5}));
 +
 
 +
m.push(brd.createElement('midpoint',[l[3]],{face:'o',size:1,strokeColor:col,fillColor:col, name:''}));
 +
m.push(brd.createElement('midpoint',[l[4]],{face:'o',size:1,strokeColor:col,fillColor:col, name:''}));
 +
 
 +
l.push(brd.createElement('segment',[m[3],m[4]],{strokeOpacity:0.5}));
 +
m.push(brd.createElement('midpoint',[l[5]],{face:'o',size:1,strokeColor:col,fillColor:col, name:''}));
 +
 
  
 
var c = brd.createElement('curve', JXG.Math.Numerics.bezier(p), {strokecolor:'blue', strokeOpacity:0.6, strokeWidth:5});  
 
var c = brd.createElement('curve', JXG.Math.Numerics.bezier(p), {strokecolor:'blue', strokeOpacity:0.6, strokeWidth:5});  

Revision as of 12:18, 28 September 2009

The red points are connected by a cubic Bezier curve. The blue points are the control points.

The underlying JavaScript code