Difference between revisions of "Image Tool"

From GeoGebra Manual
Jump to: navigation, search
(copy of current help)
 
(17 intermediate revisions by 5 users not shown)
Line 1: Line 1:
<noinclude>{{Manual Page}}[[Category:Manual (official)|{{PAGENAME}}]]</noinclude>
+
<noinclude>{{Manual Page|version=5.0}}</noinclude>
{{Tool|icon=Tool Insert Image.gif|name={{PAGENAME}}|type=general}}
+
{{Tool|icon=Mode image.svg|name={{PAGENAME}}|type=special object}}
This tool allows you to insert an image  into the Graphics View.
+
This tool allows you to insert an image  into the [[File:Menu view graphics.svg|link=|16px]] [[Graphics View]].
  
First, specify the location of the image in one of the following two ways:
+
First, select the [[File:Mode image.svg|link=|20px]] ''Image'' tool from the toolbox of ''Special Object Tools'' (third toolbox from the right).
 +
[[File:10-Special-Objects-Tools.png]]
  
* Click in the Graphics View to specify the position of the image’s lower left corner.
+
Then, specify the desired location of the image in one of the following two ways:
 +
 
 +
* Click in the [[File:Menu view graphics.svg|link=|16px]] ''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.
 
* 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.
 
Then, a file-open dialog appears that allows you to select the image file from the files saved on your computer.
 +
{{Notes|1=<div>
 +
*In the GeoGebra Desktop Version you can use the keyboard shortcut {{KeyCode|Alt}}-click, after selecting the tool  [[File:Mode image.svg|link=|20px]] '''Image''', in order to paste an image directly from your computer’s clipboard into the [[File:Menu view graphics.svg|link=|16px]] ''Graphics View''.
 +
*Transparent [[w:GIF|GIF]] and [[w: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''')
 +
*Inserted images will be auxiliary objects by default.</div>}}
  
{{Note|After selecting the tool mode_image_32 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.}}
 
 
==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 [[File:Menu-options.svg|link=|16px]] [[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]]).
 
 
 
* 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.
+
You may specify up to three corner points of the image on tab ''Position'' of the [[File:Menu-options.svg|link=|16px]] ''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 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.}}
  
* Set point A as the first and point B as the second corner of your image. By dragging points A and B in mode_move_32 Move mode you can explore their influence.
+
{{example|Create three points ''A'', ''B'', and ''C'' and insert an image into the [[File:Menu view graphics.svg|link=|16px]] ''Graphics View'' to explore the effects of the corner points.
* 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.
+
* Set point ''A'' as the first and point ''B'' as the second corner of your image. By dragging points ''A'' and ''B'' in [[File:Mode move.svg|link=|22px]]''Move'' mode you can change the width of 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 height of 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|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 [[File:Mode move.svg|link=|22px]] [[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 [[File:Menu-options.svg|link=|16px]] ''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 [[File:Menu-options.svg|link=|16px]] ''Properties Dialog'' by selecting [[File:Menu-options.svg|link=|16px]] ''Object Properties'' from the [[File:Menu-edit.svg|link=|16px]] [[Edit Menu]].}}
  
{{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:
+
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 [[File:Menu-options.svg|link=|16px]] ''Properties Dialog''.
* 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 [[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.
 
 
 
{{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.
 

Revision as of 12:36, 23 March 2016


This tool allows you to insert an image into the Menu view graphics.svg Graphics View.

First, select the Mode image.svg Image tool from the toolbox of Special Object Tools (third toolbox from the right). 10-Special-Objects-Tools.png

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

  • Click in the Menu view graphics.svg 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.

Notes:
  • In the GeoGebra Desktop Version you can use the keyboard shortcut Alt-click, after selecting the tool Mode image.svg Image, in order to paste an image directly from your computer’s clipboard into the Menu view graphics.svg Graphics View.
  • 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)
  • Inserted images will be auxiliary objects by default.

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 Menu-options.svg Properties Dialog of the image.

You may specify up to three corner points of the image on tab Position of the Menu-options.svg 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 and insert an image into the Menu view graphics.svg Graphics View 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 Mode move.svgMove mode you can change the width of 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 height of 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 Mode move.svg Move mode, the size of your image does not change.

You may specify an image as a Background image on tab Basic of the Menu-options.svg 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 Menu-options.svg Properties Dialog by selecting Menu-options.svg Object Properties from the Menu-edit.svg 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 Menu-options.svg Properties Dialog.

© 2024 International GeoGebra Institute