FVS圖片組件

1. 圖片組件可展示各類內建素材、自訂圖片或線上圖片。

2. 本文僅為大家介紹圖片組件特有功能，其他屬性不贅述。

3. 組件互動請參見：FVS組件框架互動屬性 。

4. 組件動畫請參見：FVS組件框架動畫屬性 。

5. 組件屬性請參見：FVS組件屬性 。

1

新增圖片組件。

1. 點擊工具欄【檔案】→【新建大屏範本】。

2. 在頁面中新增一個圖片組件。

2

使用內建圖片。

1. FVS大屏範本內建了一系列靜态和動态素材圖片，包括圖标、背景、裝飾線條、裝飾圖形、邊框等。

2. 選中圖片組件，點擊【内容】→【內建圖片】→【選擇】。

3. 使用者可自行選擇需要的圖片，選中後點擊【完成】，即完成圖片配置。

3

使用自訂上傳圖片。

1. 使用者可将自己本機準備好的素材圖片上傳至範本中，并使用它。

2. 選擇【自訂上傳】→【選擇】→【+上傳圖片】，即可選擇本機圖片并上傳。

3. 支援上傳的圖片格式爲 jpg、png、gif 和 webm 。

4. 上傳後的圖片素材在該FVS範本的任何一個圖片組件中均可使用。

5. 選擇【自訂上傳】→【選擇】，選中圖片素材後，點擊【完成】，即可使用該素材。

6. 點擊【選擇】，滑鼠懸浮到對應圖片上，圖片右上角出現删除按鈕，即可删除該自訂素材。

7. 若某個圖片組件使用了被删除的圖片素材，那麽預覽時該組件内容爲空。

4

使用線上圖片。

1. FVS圖片組件支援使用線上圖片，請确保伺服器可訪問填寫的圖片地址。

2. 選中圖片組件，點擊【内容】→【線上圖片】，填寫圖片地址，即可使用該圖片素材。

3. 圖片地址僅支援絕對地址，形如http://localhost:8075/webroot/help/picture/background/sale.gif。

1

填充方式。

2

色相。

1. 色相調整範圍爲0~100。

2. 色相設定支援拖動或直接輸入。

1. 已完成範本請參見：FVS圖片組件示例.fvs