D09-02 圖片元件設計器

1. 決策報表中無法直接在畫布中插入圖片，安裝此插件後，可以在決策報表中通過元件的方式新增圖片。

2. 插件安裝方式，可參考A11-18伺服器-插件管理。

1

在上方【工具欄】→【元件】，點選【】按鈕，選擇【圖片元件】，拖入畫布中。

2

基本-元件名。

1. 可以為畫布中的圖片元件設定元件名。

2. 元件名預設為picture0，也可手動輸入任意名稱。

3. 擁有名稱後，可以通過JavaScript獲取元件，從而修改元件屬性。

3

進階-標籤名稱。

1. 標籤名稱的作用就是用來彌補參數介面中標籤元件不支援的問題。

2. 標籤名稱可自訂，將在行動端預覽時顯示。

4

進階-圖片。

1. 點選【...】按鈕，進入圖片設定介面。

2. 點選【選擇圖片】按鈕，選擇所需圖片，左鍵點選二下選中或點選開啟。

3. 設定圖片的顯示方式，具體可參考A05-05插入圖片。

4. 點選預覽，在瀏覽器中查看效果。

5

進階-連結。

1. 點選【...】按鈕，進入連結設定介面，可以給圖片新增超連結，點選圖片可以觸發超連結。

2. 設定一個網頁連結，開啟方式為新視窗。

3. 具體設定方式可參考A10-00 超連結設定。

4. 點選預覽，在瀏覽器中查看效果。

6

基本-可用。

1. 勾選可用時，正常顯示。

2. 不勾選可用時，顏色會被淡化掉。

3. 設定元件不可用，預覽效果。

7

基本-可見。

1. 勾選可見時，可看得到元件。

2. 勾選不可見時，元件會被隱藏起來不顯示。

3. 設定元件不可見，預覽效果。

8

坐標尺寸-組件位置和大小。

1. 當 body 佈局方式設定為絕對佈局時，可自訂組件大小。

2. 修改組件大小，點選預覽，在瀏覽器中查看效果。