Difference between revisions of "Bezier curves II"

Revision as of 13:18, 28 September 2009

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

@@ Line 19: / Line 19: @@
 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});