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

来自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