Difference between revisions of "Colorful circles"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
| (21 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<jsxgraph width="600" height="600"> | <jsxgraph width="600" height="600"> | ||
| − | var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.1,1.1,1.1,-0.1]}); | + | JXG.Options.point.zoom = true; |
| + | var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.1,1.1,1.1,-0.1], takeFirst: false}); | ||
var i, h, s, v; | var i, h, s, v; | ||
| − | for (i=0;i< | + | brd.suspendUpdate(); |
| − | h = Math.random()*360 | + | for (i=0;i<100;i++) { |
| + | h = Math.random()*360; | ||
s = Math.random(); | s = Math.random(); | ||
v = 1.0; | v = 1.0; | ||
| − | brd. | + | brd.create('point',[Math.random(),Math.random()], |
{ | { | ||
withLabel:false, | withLabel:false, | ||
face:'circle', | face:'circle', | ||
| − | size:Math.random()* | + | size:Math.random()*65, |
strokeColor:JXG.hsv2rgb(h,s,v), | strokeColor:JXG.hsv2rgb(h,s,v), | ||
fillColor:JXG.hsv2rgb((h+180)%360,s,v), | fillColor:JXG.hsv2rgb((h+180)%360,s,v), | ||
| − | fillOpacity:0.7 | + | highlightFillColor:JXG.hsv2rgb(h,s,v), |
| + | fillOpacity:0.7, | ||
| + | highlightFillOpacity:0.4 | ||
}); | }); | ||
} | } | ||
| + | brd.unsuspendUpdate(); | ||
</jsxgraph> | </jsxgraph> | ||
===The underlying JavaScript code=== | ===The underlying JavaScript code=== | ||
<source lang="javascript"> | <source lang="javascript"> | ||
| + | JXG.Options.point.zoom = true; | ||
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.1,1.1,1.1,-0.1]}); | var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.1,1.1,1.1,-0.1]}); | ||
var i, h, s, v; | var i, h, s, v; | ||
for (i=0;i<30;i++) { | for (i=0;i<30;i++) { | ||
| − | h = Math.random()*360 | + | h = Math.random()*360; |
s = Math.random(); | s = Math.random(); | ||
v = 1.0; | v = 1.0; | ||
| − | brd. | + | brd.create('point',[Math.random(),Math.random()], |
{ | { | ||
withLabel:false, | withLabel:false, | ||
face:'circle', | face:'circle', | ||
| − | size:Math.random()* | + | size:Math.random()*65, |
strokeColor:JXG.hsv2rgb(h,s,v), | strokeColor:JXG.hsv2rgb(h,s,v), | ||
fillColor:JXG.hsv2rgb((h+180)%360,s,v), | fillColor:JXG.hsv2rgb((h+180)%360,s,v), | ||
| − | fillOpacity:0.7 | + | highlightFillColor:JXG.hsv2rgb(h,s,v), |
| + | fillOpacity:0.7, | ||
| + | highlightFillOpacity:0.4 | ||
}); | }); | ||
} | } | ||
</source> | </source> | ||
| + | |||
| + | [[Category:Examples]] | ||
Latest revision as of 22:08, 14 November 2020
The underlying JavaScript code
JXG.Options.point.zoom = true;
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.1,1.1,1.1,-0.1]});
var i, h, s, v;
for (i=0;i<30;i++) {
h = Math.random()*360;
s = Math.random();
v = 1.0;
brd.create('point',[Math.random(),Math.random()],
{
withLabel:false,
face:'circle',
size:Math.random()*65,
strokeColor:JXG.hsv2rgb(h,s,v),
fillColor:JXG.hsv2rgb((h+180)%360,s,v),
highlightFillColor:JXG.hsv2rgb(h,s,v),
fillOpacity:0.7,
highlightFillOpacity:0.4
});
}
