On this page
manage_search
高级图片
rtSurvey 中的高级图片功能:水印、媒体网格显示和图片注释。
除了标准的 image 题目类型,rtSurvey 还提供了对拍摄照片进行水印处理以及以媒体网格方式显示多张图片的扩展功能。这些功能对于需要用枚举员身份或调查元数据标记照片的基于证据的调查,以及视觉审核界面非常有用。
水印
水印功能在拍摄的照片存储之前将文字或图像叠加在其上。这用于将现场照片标记为拍摄日期、枚举员姓名、GPS 位置或任何其他调查数据——使预先存在的照片更难以冒充新拍摄的证据。
设置
在 image 字段的 calculation 列中使用 watermark(),结合 callapi appearance:
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 appearance 激活,通常用于 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水印类型需要徽标图像以具有完全匹配文件名的媒体文件形式附加。
此页面有帮助吗?