Edistyneet kuvat
rtSurveyn edistyneet kuvaominaisuudet: vesileima, mediagrid-näyttö ja kuvan merkinnät.
Vakio image-kysymystyypin lisäksi rtSurvey tarjoaa laajennuksia kaapattujen valokuvien vesileimauksen ja useiden kuvien mediagrid-näyttöön. Nämä ovat hyödyllisiä näyttöpohjaisissa kyselyissä, joissa valokuvat on merkittävä luetteloijan henkilöllisyydellä tai kyselyjen metatiedoilla, sekä visuaalisissa tarkastusnäkymissä.
Vesileima
Vesileima-ominaisuus lisää tekstin tai kuvan kaapattuun valokuvaan ennen sen tallentamista. Tätä käytetään merkitsemään kenttävalokuvat päivämäärällä, luetteloijan nimellä, GPS-sijainnilla tai muilla kyselytiedoilla — vaikeuttaen jo olemassa olevien valokuvien esittämistä tuoreena todistusaineistona.
Asetus
Käytä watermark():tä image-kentän calculation-sarakkeessa yhdistettynä callapi-ulkoasuun:
watermark(type, size, distance, color, shadow, rotate, blur)
| Parametri | Kuvaus |
|---|---|
type | 'text' tekstivesimerkkille; 'file' kuvavesimerkkille |
size | Fonttikoko pikseleinä (teksti) tai vesileiman koko prosentteina kuvan leveydestä (tiedosto) |
distance | Etäisyys toistuvien vesileimalaattojen välillä (pikseleinä) |
color | Tekstin väri (CSS-väri tai hex). Ei käytetä file-tyypissä |
shadow | Varjon väri (CSS-väri tai hex) |
rotate | Rotaatiokulma asteina (esim. 45 vinottain) |
blur | Vesileiman peittävyys (0 = näkymätön, 100 = täysin peittävä) |
Tekstivesileima-esimerkki
Lisää luetteloijan nimi ja tämän päivän päivämäärä vinottain jokaiseen kaapattuun valokuvaan:
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | wm_text | `concat(pulldata(‘app-api’, ‘user.name’), ' | ||
| image | site_photo | Ota kuva kohteesta | watermark | watermark('text', 20, 60, '#ffffff', '#000000', 45, 40) |
Vesileiman teksti otetaan ${wm_text}-kentästä. Aseta vesileimakentän lomakkeessa ennen kuvakenttää.
Kuva/logo-vesileima-esimerkki
Lisää organisaation logo (liitettynä mediatiedostona nimeltä logo.png):
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| image | evidence_photo | Ota kuva todisteesta | watermark | watermark('file', 25, 80, '', '#000000', 0, 50) |
Kumoa/tee uudelleen
Vesileima-editori tukee kumoamista ja uudelleentekemistä — luetteloijat voivat siirtyä takaisin muokkaushistoriassa ennen kuvan vahvistamista.
Vesileiman toistaminen
Vesileima toistuu (laattaistuu) koko kuvan alueella automaattisesti. distance-parametri säätelee laattojen väliä; rotate säätelee kunkin laatan kulmaa.
Mediagrid-widget
Mediagrid-widget näyttää kokoelman mediatiedostoja (kuvat, ääni, video) ruudukkona, mahdollistaen tarkastajien tai luetteloijien selata kaapattuja tiedostoja visuaalisesti.
Tämä widget aktivoidaan mediagridwidget-ulkoasulla ja sitä käytetään tyypillisesti note- tai calculate-kentissä näyttämään aiemmin toistoryhmästä kaapattua mediaa.
Esimerkki: Näytä kaikki toiston valokuvat ruudukkona
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | photo_list | join(' ', ${site_photo}) | ||
| note | photo_review | Tarkista kaapatut valokuvat | mediagridwidget |
Parhaat käytännöt vesileimavaluville
- Laske aina vesileiman teksti
calculate-kentässä kuvan yläpuolella lomakkeessa niin, että se on käytettävissä, kun kuva otetaan. - Käytä rotaatiokulma (esim. 45°) vaikeuttaaksesi vesileiman rajaamista pois.
- Aseta peittävyys (
blur) välille 30–60% — riittävän korkea ollakseen luettavissa, riittävän matala olematta peittämässä kuvan aihetta. - Sisällytä luetteloijan nimi, päivämäärä ja GPS-koordinaatit vesileiman tekstiin maksimoimaan kirjanpitoarvo.
- Testaa vesileiman renderöinti flottisi alempi tehoisimmalla laitteella — canvas-pohjainen vesileimaus voi olla hidasta vanhemmalla laitteistolla.
Rajoitukset
- Vesileimaus suoritetaan asiakaspuolella käyttäen HTML5 Canvas API:ta — se vaatii kykenevän selaimen tai mobiili WebViewin.
- Erittäin korkearesoluutioisten valokuvien vesileimaus voi kestää useita sekunteja alempitasoisilla laitteilla.
- Vesileima on sisällytetty kuvatiedostoon — sitä ei voi poistaa lähetyksen jälkeen ilman kuvankäsittelyä.
file-vesileima-tyyppi vaatii logokuvan liitetyksi mediatiedostona täsmälleen odotetussa tiedostonimessä.