Images and Transformations: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
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 21:19, 1 January 2011

Here is an example where images are combined with transformations.

The JavaScript code