Difference between revisions of "Shadows"

From JSXGraph Wiki
Jump to: navigation, search
Line 3: Line 3:
 
     board = JXG.JSXGraph.initBoard('jxgbox', {originX: 150, originY: 300, unitX: 25, unitY: 25});
 
     board = JXG.JSXGraph.initBoard('jxgbox', {originX: 150, originY: 300, unitX: 25, unitY: 25});
 
          
 
          
    p1 = board.createElement('point', [0, 0], {style:5,name:"A",fillColor:'blue', shadow:true});  
+
p1 = board.createElement('point', [0, 0], {style:5,name:"A",fillColor:'blue', shadow:true});  
    p2 = board.createElement('point', [1, 4], {style:5,name:"B",fillColor:'blue', shadow:true});
+
p2 = board.createElement('point', [1, 4], {style:5,name:"B",fillColor:'blue', shadow:true});
 
          
 
          
    c = board.createElement('circle',['A','B'], {shadow:true});
+
c = board.createElement('circle',['A','B'], {shadow:true});
    li = board.createElement('line',['A','B'], {shadow:true});
+
li = board.createElement('line',['A','B'], {shadow:true});
 
</jsxgraph>
 
</jsxgraph>
  
Line 16: Line 16:
 
     board = JXG.JSXGraph.initBoard('jxgbox', {originX: 150, originY: 300, unitX: 25, unitY: 25});
 
     board = JXG.JSXGraph.initBoard('jxgbox', {originX: 150, originY: 300, unitX: 25, unitY: 25});
 
          
 
          
    p1 = board.createElement('point', [0, 0], {style:5,name:"A",fillColor:'blue', shadow:true});  
+
p1 = board.createElement('point', [0, 0], {style:5,name:"A",fillColor:'blue', shadow:true});  
    p2 = board.createElement('point', [1, 4], {style:5,name:"B",fillColor:'blue', shadow:true});
+
p2 = board.createElement('point', [1, 4], {style:5,name:"B",fillColor:'blue', shadow:true});
 
          
 
          
    c = board.createElement('circle',['A','B'], {shadow:true});
+
c = board.createElement('circle',['A','B'], {shadow:true});
    li = board.createElement('line',['A','B'], {shadow:true});
+
li = board.createElement('line',['A','B'], {shadow:true});
 
</jsxgraph>
 
</jsxgraph>
 
</source>
 
</source>
  
 
[[Category:Examples]]
 
[[Category:Examples]]

Revision as of 09:32, 21 August 2009

The JavaScript code

<jsxgraph width="500" height="500">
var p1, p2, c, li,
    board = JXG.JSXGraph.initBoard('jxgbox', {originX: 150, originY: 300, unitX: 25, unitY: 25});
        
p1 = board.createElement('point', [0, 0], {style:5,name:"A",fillColor:'blue', shadow:true}); 
p2 = board.createElement('point', [1, 4], {style:5,name:"B",fillColor:'blue', shadow:true});
        
c = board.createElement('circle',['A','B'], {shadow:true});
li = board.createElement('line',['A','B'], {shadow:true});
</jsxgraph>