Shadows: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
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 08: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>