Bezier curves II: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| 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 11:18, 28 September 2009
The red points are connected by a cubic Bezier curve. The blue points are the control points.
