Difference between revisions of "Image Tool"

From GeoGebra Manual
Jump to: navigation, search
m (Text replace - "<div class="box info"> 48px|left This page is part of the official manual for print and pdf. For structural reasons normal users can't edit this page. If you found any errors on this page please contact )
m (typo and missing italics format)
Line 9: Line 9:
  
 
Then, a file-open dialog appears that allows you to select the image file from the files saved on your computer.
 
Then, a file-open dialog appears that allows you to select the image file from the files saved on your computer.
{{Note|After selecting the tool [[Image:Tool Insert Image.gif]] Insert Image, you can use the keyboard shortcut ''Alt-click'' in order to paste an image directly from your computer’s clipboard into the Graphics View.}}
+
{{Note|After selecting the tool [[Image:Tool Insert Image.gif]] Insert Image, you can use the keyboard shortcut {{KeyCode|Alt}}-click in order to paste an image directly from your computer’s clipboard into the Graphics View.}}
 
{{Note|Transparent [[http://en.wikipedia.org/wiki/Graphics_Interchange_Format GIF]] and [[http://en.wikipedia.org/wiki/Portable_Network_Graphics PNG]] files are supported, but for PNGs you may need to edit them first so that they have an alpha channel (for example using [[http://www.irfanview.com/ IrfanView]], save using the PNGOUT plugin and choose '''RGB+Alpha''')}}
 
{{Note|Transparent [[http://en.wikipedia.org/wiki/Graphics_Interchange_Format GIF]] and [[http://en.wikipedia.org/wiki/Portable_Network_Graphics PNG]] files are supported, but for PNGs you may need to edit them first so that they have an alpha channel (for example using [[http://www.irfanview.com/ IrfanView]], save using the PNGOUT plugin and choose '''RGB+Alpha''')}}
 
==Properties of Images==
 
==Properties of Images==
  
The position of an image may be absolute on screen or relative to the coordinate system. You can specify this on tab Basic of the [[Properties Dialog]] of the image.
+
The position of an image may be absolute on screen or relative to the coordinate system. You can specify this on tab ''Basic'' of the [[Properties Dialog]] of the image.
  
You may specify up to three corner points of the image on tab Position of the Properties Dialog. This gives you the flexibility to scale, rotate, and even distort images (also see command [[Corner Command]]).
+
You may specify up to three corner points of the image on tab ''Position'' of the Properties Dialog. This gives you the flexibility to scale, rotate, and even distort images (see also [[Corner Command|Corner]] command).
  
 
* Corner 1: position of the lower left corner of the image
 
* Corner 1: position of the lower left corner of the image
 
* Corner 2: position of the lower right corner of the image  
 
* Corner 2: position of the lower right corner of the image  
{{Note|This corner may only be set if Corner 1 was set before. It controls the width of the image.}}
+
:{{Note|This corner may only be set if Corner 1 was set before. It controls the width of the image.}}
 
* Corner 4: position of the upper left corner of the image   
 
* Corner 4: position of the upper left corner of the image   
{{note|This corner may only be set if Corner 1 was set before. It controls the height of the image.}}
+
:{{note|This corner may only be set if Corner 1 was set before. It controls the height of the image.}}
 +
 
 
{{example|Create three points A, B, and C to explore the effects of the corner points.
 
{{example|Create three points A, B, and C to explore the effects of the corner points.
 
 
* Set point A as the first and point B as the second corner of your image. By dragging points A and B in [[Image:Tool_Move.gif]] Move mode you can explore their influence.
 
* Set point A as the first and point B as the second corner of your image. By dragging points A and B in [[Image:Tool_Move.gif]] Move mode you can explore their influence.
 
* Now, remove point B as the second corner of the image. Set point A as the first and point C as the fourth corner and explore how dragging the points now influences the image.
 
* Now, remove point B as the second corner of the image. Set point A as the first and point C as the fourth corner and explore how dragging the points now influences the image.
 
* Finally, you may set all three corner points and see how dragging the points distorts your image.}}
 
* Finally, you may set all three corner points and see how dragging the points distorts your image.}}
{{example|You already saw how to influence the position and size of your image. If you want to attach your image to a point A and set its width to 3 and its height to 4 units, you could do the following:
+
{{example|In order to attach your image to a point A, and set its width to 3 and its height to 4 units, you could do the following:
 
* Set Corner 1 to A
 
* Set Corner 1 to A
 
* Set Corner 2 to A + (3, 0)
 
* Set Corner 2 to A + (3, 0)
 
* Set Corner 4 to A + (0, 4)}}
 
* Set Corner 4 to A + (0, 4)}}
 
{{note|If you now drag point A in [[Image:Tool Move.gif]] [[Move Tool|Move]] mode, the size of your image does not change.}}
 
{{note|If you now drag point A in [[Image:Tool Move.gif]] [[Move Tool|Move]] mode, the size of your image does not change.}}
You may specify an image as a Background Image on tab Basic of the [[Properties Dialog]]. A background image lies behind the coordinate axes and cannot be selected with the mouse any more.
+
You may specify an image as a ''Background'' image on tab ''Basic'' of the [[Properties Dialog]]. A background image lies behind the coordinate axes and cannot be selected with the mouse any more.
 
{{note|In order to change the background setting of an image, you may open the Properties Dialog by selecting [[Image:Menu Properties.png]] Properties… from the [[Edit Menu]].}}
 
{{note|In order to change the background setting of an image, you may open the Properties Dialog by selecting [[Image:Menu Properties.png]] Properties… from the [[Edit Menu]].}}
  
The Transparency of an image can be changed in order to see objects or axes that lie behind the image. You can set the transparency of an image by specifying a Filling value between 0 % and 100 % on tab Style of the Properties Dialog.
+
The ''Transparency'' of an image can be changed in order to see objects or axes that lie behind the image. You can set the transparency of an image by specifying a ''Filling'' value between 0 % and 100 % on tab ''Style'' of the Properties Dialog.

Revision as of 07:28, 27 August 2013


This tool allows you to insert an image into the Graphics View.

First, specify the location of the image in one of the following two ways:

  • Click in the Graphics View to specify the position of the image’s lower left corner.
  • Click on a point to specify this point as the lower left corner of the image.

Then, a file-open dialog appears that allows you to select the image file from the files saved on your computer.

Note: After selecting the tool Tool Insert Image.gif Insert Image, you can use the keyboard shortcut Alt-click in order to paste an image directly from your computer’s clipboard into the Graphics View.
Note: Transparent [GIF] and [PNG] files are supported, but for PNGs you may need to edit them first so that they have an alpha channel (for example using [IrfanView], save using the PNGOUT plugin and choose RGB+Alpha)

Properties of Images

The position of an image may be absolute on screen or relative to the coordinate system. You can specify this on tab Basic of the Properties Dialog of the image.

You may specify up to three corner points of the image on tab Position of the Properties Dialog. This gives you the flexibility to scale, rotate, and even distort images (see also Corner command).

  • Corner 1: position of the lower left corner of the image
  • Corner 2: position of the lower right corner of the image
Note: This corner may only be set if Corner 1 was set before. It controls the width of the image.
  • Corner 4: position of the upper left corner of the image
Note: This corner may only be set if Corner 1 was set before. It controls the height of the image.
Example: Create three points A, B, and C to explore the effects of the corner points.
  • Set point A as the first and point B as the second corner of your image. By dragging points A and B in Tool Move.gif Move mode you can explore their influence.
  • Now, remove point B as the second corner of the image. Set point A as the first and point C as the fourth corner and explore how dragging the points now influences the image.
  • Finally, you may set all three corner points and see how dragging the points distorts your image.
Example: In order to attach your image to a point A, and set its width to 3 and its height to 4 units, you could do the following:
  • Set Corner 1 to A
  • Set Corner 2 to A + (3, 0)
  • Set Corner 4 to A + (0, 4)
Note: If you now drag point A in Tool Move.gif Move mode, the size of your image does not change.

You may specify an image as a Background image on tab Basic of the Properties Dialog. A background image lies behind the coordinate axes and cannot be selected with the mouse any more.

Note: In order to change the background setting of an image, you may open the Properties Dialog by selecting Menu Properties.png Properties… from the Edit Menu.

The Transparency of an image can be changed in order to see objects or axes that lie behind the image. You can set the transparency of an image by specifying a Filling value between 0 % and 100 % on tab Style of the Properties Dialog.

© 2024 International GeoGebra Institute