“插入圖片 工具”的版本间的差异

来自GeoGebra Manual
跳转至: 导航搜索
 
(未显示同一用户的8个中间版本)
第1行: 第1行:
<noinclude>{{Manual Page|version=4.0}}</noinclude>{{tool|type=special object| 插入圖片|icon=Tool_Insert_Image.gif}}
+
<noinclude>{{Manual Page|version=5.0}}</noinclude>
:{{translate|Insert Image Tool}}
+
{{Tool|icon=Mode image.svg|name={{PAGENAME}}|type=action object}}
This tool allows you to insert an image into the Graphics View.
+
  此項工具可讓您插入一張圖片到 [[File:Menu view graphics.svg|link=|16px]] [[繪圖區]]中。
  
First, specify the location of the image in one of the following two ways:
+
首先,從'''動作物件工具箱'''(工具列上右邊數來第二個)中點選 [[File:Mode image.svg|link=|20px]] '''插入圖片'''工具
 +
[[File:Special-Objects-Tools.png]]
  
* 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.
+
* 在 [[File:Menu view graphics.svg|link=|16px]] ''' 繪圖區''' 點按來指定圖片左下角的位置。
{{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|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==
 
  
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.
+
然後,會跳出開啟檔案的視窗,讓您從電腦中的資料夾選擇圖片。
 +
{{Notes|1=<div>
 +
*在 GeoGebra 桌機版環境中,在點選 [[File:Mode image.svg|link=|20px]] '''插入圖片'''工具後,可以運用快捷鍵 {{KeyCode|Alt}} 加上滑鼠左鍵或觸控點按動作,直接將電腦剪貼簿中的圖片直接插入到 [[File:Menu view graphics.svg|link=|16px]] '''繪圖區'''中。
 +
*支援透明的 [https://zh.wikipedia.org/wiki/GIF GIF] 和 [https://zh.wikipedia.org/wiki/PNG PNG] 圖檔,然而 PNG 檔可能要先經過編輯(例如使用 [http://www.irfanview.com/ IrfanView],運用 PNGOUT 擴充功能並選擇 '''RGB+Alpha''')確保它們包含 [https://zh.wikipedia.org/wiki/%E9%98%BF%E5%B0%94%E6%B3%95%E9%80%9A%E9%81%93 alpha 通道]。
 +
*插入的圖片在預設情況下會作為輔助物件。</div>}}
  
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
+
圖片可以被放置在螢幕上的絕對位置,或是在坐標系統上的相對位置。您可以在圖片 [[File:Menu-options.svg|link=|16px]] [[屬性| 屬性對話窗]]的'''位置'''分頁更改此項設定。
* 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 [[Image:Tool_Move.gif]] Move mode you can explore their influence.
+
[[File:Menu-options.svg|link=|16px]] '''屬性對話窗'''的'''位置'''分頁最多可指定三個圖片的頂點(corner point )位置,提供彈性讓您能伸縮、旋轉,甚至是將圖片變形(請參閱 [[Corner_指令]])。
* 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.
+
* '''頂點 1''':圖片左下角的位置。
* Finally, you may set all three corner points and see how dragging the points distorts your image.}}
+
* '''頂點 2''':圖片右下角的位置。
{{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:
+
:{{Note| 必須先設定過'''頂點 1''' 才能設定此頂點,它會影響圖片的寬度。}}
* Set Corner 1 to A
+
* '''頂點 4''':圖片左上角的位置。 
* Set Corner 2 to A + (3, 0)
+
:{{note| 必須先設定過'''頂點 1''' 才能設定此頂點,它會影響圖片的高度。}}
* 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.
+
{{example|建立三點 ''A''、''B''、''C'' 並插入一張圖片到 [[File:Menu view graphics.svg|link=|16px]] '''繪圖區''',探討各頂點對圖片的影響。
 +
* 將 ''A'' 點設為圖片的'''頂點 1''',而 ''B'' 點設為'''頂點 2'''。利用 [[File:Mode move.svg|link=|22px]] '''移動'''工具拖曳 ''A''、''B'' 兩點,可改變圖片的寬度。
 +
* 現在,移除圖片'''頂點 2''' 中的 ''B'' 點。維持'''頂點 1''' 為 ''A'' 點,並將 ''C'' 點設為'''頂點 4'''。拖曳這兩點會發現它們影響圖片的高度。
 +
* 最後,維持'''頂點 1''' 為 ''A'' 且'''頂點 4''' 為 ''C'',再次將 ''B'' 點設為'''頂點 2''',並觀察拖曳這些點如何造成圖片的變形。}}
 +
{{example|為了將圖片依附於一點 ''A'',並設定寬度為 3、高度為 4,您可以這樣做:
 +
* 將'''頂點 1''' 設為 ''A''。
 +
* 將'''頂點 2''' 設為 ''A + (3, 0)''。
 +
* 將'''頂點 4''' 設為 ''A + (0, 4)''。
 +
:{{note|現在如果利用 [[File:Mode move.svg|link=|22px]] '''[[移動_工具|移動]]'''工具拖曳 ''A'' 點,會發現圖片的尺寸不會改變。}}
 +
}}
 +
您可以在圖片 [[File:Menu-options.svg|link=|16px]] '''屬性'''視窗的'''基本'''分頁,指定為'''背景圖'''。背景圖會被放置在坐標軸和格線的後面,且再也無法從圖面上選取。
 +
:{{note|若要更改背景圖的設定,可以從代數區顯示'''輔助物件''',開啟那張背景圖的  [[File:Menu-options.svg|link=|16px]] '''屬性'''視窗。}}
  
<includeonly>{{EditorTools}}</includeonly>
+
可以更改圖片的'''透明度''',以便看到圖片後方的物件或坐標軸。在圖片 [[File:Menu-options.svg|link=|16px]] '''屬性'''視窗的'''樣式'''分頁,指定 0 % 到 100 % 的'''填滿'''值可以設定圖片的透明度。

2022年1月4日 (二) 11:04的最新版本

Accessories dictionary.png
本页为官方文件,一般使用者无法修改,若有任何误谬,请与官方联络。如欲编辑,请至本页的开放版

此项工具可让您插入一张图片到 Menu view graphics.svg 绘图区中。

首先,从动作物件工具箱(工具列上右边数来第二个)中点选 Mode image.svg 插入图片工具 Special-Objects-Tools.png

接着,从下列选择一种方式来指定图片的位置:

  • Menu view graphics.svg 绘图区点按来指定图片左下角的位置。
  • 点选某个点物件作为图片左下角的位置。

然后,会跳出开启档案的视窗,让您从电脑中的资料夹选择图片。

备注:
  • 在 GeoGebra 桌机版环境中,在点选 Mode image.svg 插入图片工具后,可以运用快捷键 Alt 加上鼠标左键或触控点按动作,直接将电脑剪贴簿中的图片直接插入到 Menu view graphics.svg 绘图区中。
  • 支援透明的 GIFPNG 图档,然而 PNG 档可能要先经过编辑(例如使用 IrfanView,运用 PNGOUT 扩充功能并选择 RGB+Alpha)确保它们包含 alpha 通道
  • 插入的图片在预设情况下会作为辅助物件。

图片的属性

图片可以被放置在萤幕上的绝对位置,或是在坐标系统上的相对位置。您可以在图片 Menu-options.svg 属性对话窗位置分页更改此项设定。

Menu-options.svg 属性对话窗位置分页最多可指定三个图片的顶点(corner point)位置,提供弹性让您能伸缩、旋转,甚至是将图片变形(请参阅 Corner_指令)。

  • 顶点 1:图片左下角的位置。
  • 顶点 2:图片右下角的位置。
备注: 必须先设定过顶点 1 才能设定此顶点,它会影响图片的宽度。
  • 顶点 4:图片左上角的位置。
备注: 必须先设定过顶点 1 才能设定此顶点,它会影响图片的高度。
范例: 建立三点 ABC 并插入一张图片到 Menu view graphics.svg 绘图区,探讨各顶点对图片的影响。
  • A 点设为图片的顶点 1,而 B 点设为顶点 2。利用 Mode move.svg 移动工具拖曳 AB 两点,可改变图片的宽度。
  • 现在,移除图片顶点 2 中的 B 点。维持顶点 1A 点,并将 C 点设为顶点 4。拖曳这两点会发现它们影响图片的高度。
  • 最后,维持顶点 1A顶点 4C,再次将 B 点设为顶点 2,并观察拖曳这些点如何造成图片的变形。
范例: 为了将图片依附于一点 A,并设定宽度为 3、高度为 4,您可以这样做:
  • 顶点 1 设为 A
  • 顶点 2 设为 A + (3, 0)
  • 顶点 4 设为 A + (0, 4)
备注: 现在如果利用 Mode move.svg 移动工具拖曳 A 点,会发现图片的尺寸不会改变。

您可以在图片 Menu-options.svg 属性视窗的基本分页,指定为背景图。背景图会被放置在坐标轴和格线的后面,且再也无法从图面上选取。

备注: 若要更改背景图的设定,可以从代数区显示辅助物件,开启那张背景图的 Menu-options.svg 属性视窗。

可以更改图片的透明度,以便看到图片后方的物件或坐标轴。在图片 Menu-options.svg 属性视窗的样式分页,指定 0 % 到 100 % 的填满值可以设定图片的透明度。

© 2022 International GeoGebra Institute