On this page
manage_search
進階圖片
rtSurvey 中的進階圖片功能：水印、媒體網格顯示和圖片標註。
除了標準的 image 問題類型外，rtSurvey 還提供了水印拍攝照片和在媒體網格中顯示多張圖片的擴展功能。這對以證據為基礎的問卷調查非常有用，其中照片需要標記調查員身份或問卷調查元資料，以及用於視覺審查介面。
水印
水印功能在照片儲存之前在拍攝的照片上疊加文字或圖片。這用於在現場照片上標記日期、調查員姓名、GPS 位置或任何其他問卷調查資料——使預先存在的照片更難冒充為新鮮拍攝的證據。
設定
在 image 字段的 calculation 欄中使用 watermark()，並結合 callapi 外觀：
watermark(type, size, distance, color, shadow, rotate, blur)
| 參數 | 說明 |
|---|---|
type | 'text' 用於文字水印；'file' 用於圖片水印 |
size | 字體大小（像素，文字）或水印大小佔圖片寬度的百分比（文件） |
distance | 重複水印磁貼之間的間距（像素） |
color | 文字顏色（CSS 顏色或十六進位）。不用於 file 類型 |
shadow | 陰影顏色（CSS 顏色或十六進位） |
rotate | 旋轉角度（度）（例如 45 表示對角線） |
blur | 水印的不透明度（0 = 不可見，100 = 完全不透明） |
文字水印範例
在每張拍攝的照片上斜向疊加調查員姓名和今日日期：
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | wm_text | `concat(pulldata(‘app-api’, ‘user.name’), ' | ||
| image | site_photo | 拍攝現場照片 | watermark | watermark('text', 20, 60, '#ffffff', '#000000', 45, 40) |
水印文字取自 ${wm_text}。在表單中將水印文字字段設定在圖片字段之前。
圖片/標誌水印範例
疊加組織標誌（作為名為 logo.png 的媒體文件附加）：
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| image | evidence_photo | 拍攝證據照片 | watermark | watermark('file', 25, 80, '', '#000000', 0, 50) |
撤銷/重做
水印編輯器支援撤銷和重做——調查員可以在確認照片之前退回編輯歷史記錄。
水印平鋪
水印在整張圖片上自動重複（平鋪）。distance 參數控制磁貼之間的間距；rotate 控制每個磁貼的角度。
媒體網格小工具
媒體網格小工具以網格佈局顯示媒體文件（圖片、音頻、視頻）的集合，允許審查員或調查員以視覺方式瀏覽捕獲的文件。
此小工具由 mediagridwidget 外觀激活，通常用於 note 或 calculate 字段，以顯示重複群組中先前捕獲的媒體。
範例：以網格顯示重複中的所有照片
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | photo_list | join(' ', ${site_photo}) | ||
| note | photo_review | 審查捕獲的照片 | mediagridwidget |
水印照片的最佳實踐
- 始終在圖片字段上方的
calculate字段中計算水印文字，以便在拍照時可用。 - 使用旋轉角度（例如 45°）使水印更難被裁剪掉。
- 將不透明度（
blur）設定在 30–60% 之間——足夠高以可讀，足夠低以不遮擋照片主體。 - 在水印文字中包含調查員姓名、日期和 GPS 座標以最大化稽核價值。
- 在您設備中規格最低的裝置上測試水印呈現——基於 canvas 的水印在舊硬體上可能很慢。
限制
- 水印使用 HTML5 Canvas API 在客戶端應用——需要有能力的瀏覽器或行動 WebView。
- 非常高解析度的照片在低端裝置上可能需要數秒才能完成水印處理。
- 水印已烘焙到圖片文件中——提交後無法在不進行圖片編輯的情況下移除。
file水印類型需要將標誌圖片作為媒體文件附加，且文件名必須完全符合預期。
此頁面有幫助嗎？