LOTTIE-muunnos PDF-tiedostoksi
Käytä Lottie-animaation aloitusasentoa yksisivuisena PDF-tiedostona suunnittelupalaveria tai määrittelyä varten. Liike jätetään pois, ja läpinäkyvät alueet renderöidään valkoista taustaa vasten.
Muotojen vertailu ja tekniset tiedot
| Määritys | LOTTIE | |
|---|---|---|
| MIME-tyyppi | application/json | application/pdf |
| Tyyppi | vektorianimaation JSON-tiedosto | asiakirjakontti |
| Pakkaus | ei mitään (JSON-tietoesitys) | Flate / JPEG / JBIG2 / CCITT |
| Standardimääritys | Lottie Animation Format Specification | ISO 32000-2:2020 |
| Tiedostotunniste (Magic Bytes) | 7B 22 76 22 3A ({"v": - Lottie JSON version) | 25 50 44 46 (%PDF) |
Muodon yleiskatsaus ja käyttökohteet
Käyttöliittymätiimi voi liittää tämän pysäytyskuvan toteutusohjeeseen, mutta animaation pehmennyksiä tai ajoitusta tarkistava kehittäjä tarvitsee alkuperäisen Lottie-toistimen.
Tekniset tiedot ja koodekkien erittely
Lottie-JSON renderöidään näytteistettynä GIF-tiedostona, minkä jälkeen PDF-polku lukee kyseisen GIF-tiedoston ensimmäisen ruudun ja upottaa sen PNG-muodossa; kangasrenderöinnissä käytetään valkoista taustaa.
Käyttöjärjestelmien ja selaimien yhteensopivuus
Verkko- ja sovellustyönkulkujen Lottie-toistimet voivat näyttää animoidun vektorikoostumuksen; PDF-lukijat voivat näyttää valitun staattisen ruudun esityksessä tai tarkistusmuistiinpanossa.
Hyödyllistä tietoa
Aseta animaation aloituspiste (in-point) haluamaasi asentoon ennen vientiä; kyseisestä alustavasta näytesetistä tulee staattinen sivu.
Muotojen vertailu ja tekniset tiedot
Kooltaan 1080×1080 pikselin Lottie-piirtoalusta tuottaa 7,2×7,2 tuuman kokoisen staattisen tarkistussivun 150 dpi tarkkuudella.
Usein kysytyt kysymykset
Sisältääkö PDF liikeavaimet (motion keyframes)?
Lottie renderöidään GIF-ruuduiksi, ja vain ensimmäinen GIF-ruutu siirretään PDF-tiedostoon.
Miksi läpinäkyvä koostumus näytetään valkoisella taustalla?
Lottie-GIF-kangas täytetään valkoisella ennen jokaisen näytesetityn ruudun piirtämistä, ja PDF käyttää kyseistä ensimmäistä ruutua.