Difference between revisions of "Animations"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | <span onClick="p.visit([-1.5,-1.5], | + | <span onClick="p.visit([-1.5,-1.5],100,2)" style="color:'blue'">Click here, to start animation</span> |
</html> | </html> | ||
<jsxgraph width="500" height="500"> | <jsxgraph width="500" height="500"> | ||
| Line 6: | Line 6: | ||
p = brd.createElement('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6}); | p = brd.createElement('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6}); | ||
</jsxgraph> | </jsxgraph> | ||
| + | |||
| + | ===The JavaScript code=== | ||
| + | <source lang="xml"> | ||
| + | <span onClick="p.visit([-1.5,-1.5],100,2)" style="color:'blue'">Click here, to start animation</span> | ||
| + | <jsxgraph width="500" height="500"> | ||
| + | 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}); | ||
| + | </jsxgraph> | ||
| + | </source> | ||
| + | |||
| + | [[Category:Examples]] | ||
Revision as of 14:11, 30 September 2009
Click here, to start animation
The JavaScript code
<span onClick="p.visit([-1.5,-1.5],100,2)" style="color:'blue'">Click here, to start animation</span>
<jsxgraph width="500" height="500">
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});
</jsxgraph>
