FVS圖片組件

適用場景：安裝了「FVS大屏編輯模式」插件的使用者，可參考本文了解 FVS 範本的相關功能。

注：不支援行動端。

1.1 版本

1.2 功能簡介

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

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

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

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

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

點選工具欄【檔案】→【建立大屏範本】。

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

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

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

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

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

4.1 上傳圖片

選擇【自訂上傳】→【選擇】→【 上傳圖片】，即可選擇本機圖片聯集傳。

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

4.2 選擇圖片

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

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

4.3 刪除圖片

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

點選「刪除」按鈕，跳出提示框「刪除素材會影響到所有使用該素材的組件，是否應答刪除？」，點選「應答刪除」，即可刪除該自訂素材。

若某個圖片組件使用了被刪除的圖片素材，那麼預覽時該組件內容為空。

FVS圖片組件支援使用線上圖片，請確定伺服器可存取填寫的圖片位址。

選中圖片組件，點選【內容】→【線上圖片】，填寫圖片位址，即可使用該圖片素材。

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

內建圖片、自訂上傳圖片、線上圖片均支援設定圖片屬性「填充方式」和色相。

6.1 填充方式

6.2 色相

色相調整範圍為0~100。

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

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