Difference between revisions of "Animation II"

From JSXGraph Wiki
Jump to: navigation, search
Line 1: Line 1:
 
<jsxgraph width="500" height="500">
 
<jsxgraph width="500" height="500">
 
brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-1.5,1.5,1.5,-1.5], keepaspectratio:true, axis:true});
 
brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-1.5,1.5,1.5,-1.5], keepaspectratio:true, axis:true});
p = brd.createElement('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
+
p = brd.createElement('point',[0,1],{face:'o', size:5, strokeColor:'red', fillOpacity:0.3, strokeOpacity: 0.3});
brd.createElement('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.6});
+
brd.createElement('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.7, strokeColor:blue});
 +
 
 +
for (i=0;i<120;i++) {
 +
    p.visit([Math.sin(i*Math.PI*2/12),-Math.cos(i*Math.PI*2/12)],500);
 +
}
 
</jsxgraph>
 
</jsxgraph>
  

Revision as of 16:19, 30 September 2009

The JavaScript code

brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});
p = brd.createElement('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});