Розширені зображення
Розширені функції зображень у rtSurvey: водяні знаки, відображення медіа-сітки та анотації зображень.
Крім стандартного типу питання image, rtSurvey надає розширення для накладання водяних знаків на зроблені фото та відображення кількох зображень у медіа-сітці. Це корисно для опитувань на основі доказів, де фото потрібно позначити ідентифікатором анкетера або метаданими опитування.
Водяний знак
Функція водяного знака накладає текст або зображення на зроблене фото перед його збереженням. Це використовується для маркування польових фотографій датою, ім’ям анкетера, GPS-координатами або будь-якими іншими даними опитування.
Налаштування
Використовуйте watermark() у стовпці calculation поля image:
watermark(type, size, distance, color, shadow, rotate, blur)
| Параметр | Опис |
|---|---|
type | 'text' для текстового водяного знака; 'file' для водяного знака-зображення |
size | Розмір шрифту в пікселях (текст) або розмір водяного знака як % ширини зображення (файл) |
distance | Відстань між повторюваними плитками водяного знака (пікселі) |
color | Колір тексту (CSS-колір або hex). Не використовується для типу file |
shadow | Колір тіні (CSS-колір або hex) |
rotate | Кут обертання в градусах (наприклад, 45 для діагоналі) |
blur | Непрозорість водяного знака (0 = невидимий, 100 = повністю непрозорий) |
Приклад текстового водяного знака
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | wm_text | `concat(pulldata(‘app-api’, ‘user.name’), ' | ||
| image | site_photo | Take a photo of the site | watermark | watermark('text', 20, 60, '#ffffff', '#000000', 45, 40) |
Віджет медіа-сітки
Віджет медіа-сітки відображає колекцію медіафайлів (зображення, аудіо, відео) у сітковому макеті.
Цей віджет активується appearance mediagridwidget:
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | photo_list | join(' ', ${site_photo}) | ||
| note | photo_review | Review captured photos | mediagridwidget |
Найкращі практики для фото з водяними знаками
- Завжди обчислюйте текст водяного знака в полі
calculateвище поля зображення. - Використовуйте кут обертання (наприклад, 45°), щоб водяні знаки було важче обрізати.
- Встановіть непрозорість (
blur) між 30–60%. - Включіть ім’я анкетера, дату та GPS-координати в текст водяного знака.
- Тестуйте відображення водяних знаків на пристроях з найнижчими характеристиками.
Обмеження
- Накладання водяних знаків виконується на стороні клієнта за допомогою HTML5 Canvas API.
- Водяні знаки вбудовані в файл зображення — їх не можна видалити після відправлення.