Difference between revisions of "Images and Transformations"

From JSXGraph Wiki
Jump to navigationJump to search
Line 5: Line 5:
 
   var urlImg = "http://jsxgraph.uni-bayreuth.de/distrib/images/uccellino.jpg";
 
   var urlImg = "http://jsxgraph.uni-bayreuth.de/distrib/images/uccellino.jpg";
  
   var p0 = brd.create('point', [-2,-1], {style:5, name:'offset'});  
+
   var p0 = brd.create('point', [-2,-1], {size:8, name:'offset', opacity:0.3});  
   var p1 = brd.create('point', [1,-1], {style:5, name:'rotate+scale'});  
+
   var p1 = brd.create('point', [1,-1], {size:8, name:'rotate+scale', opacity:0.3});  
 
   var li = brd.create('segment', [p0,p1], {dash:2});          // Just for illustration
 
   var li = brd.create('segment', [p0,p1], {dash:2});          // Just for illustration
   var im = brd.create('image',[urlImg, [-2,-1], [3,3]]);
+
   var im = brd.create('image',[urlImg, [0,0], [3,3]]);
 
   //  
 
   //  
 
   // Translate image and point "rot+scale" by freagging point "offset"
 
   // Translate image and point "rot+scale" by freagging point "offset"

Revision as of 23:19, 1 January 2011

Here is an example where images are combined with transformations.

The JavaScript code