Aiseā e Tatau Ai Ona E Faʻaaoga SVG i Lau Upega Tafaʻilagi i le Asō

O faʻamanuiaga o le faʻaaogaina o Ata Faʻafanua Scalable

Scalable Vector Graphics, poʻo le SVG, latou te faia se vaega tāua i le faiga o uepisaite i aso nei. Afai e te le o faʻaaogaina nei le SVG i lau galuega faʻailoga i luga o le initaneti, o nisi nei o mafuaaga e tatau ai ona e amata faia, faʻapea foʻi ma faʻalavelave e mafai ona e faʻaoga mo tagata matutua e le lagolagoina nei faila.

Filifiliga

O le sili ona aoga o le SVG o le tutoatasi lava lea. Talu ai ona o faila SVG o vevela vevela nai lo ata o raster-based-based, e mafai ona toe faʻapipiʻiina e aunoa ma le leai o se faʻalelei o foliga. E aoga tele lenei mea pe a e fatuina ni upega tafaʻilagi e talileleia e tatau ona foliga lelei ma galulue lelei i le tele o ituaiga lapisi ma masini .

O faila SVG e mafai ona faʻafefeteina pe lalo e faʻafetaui ai le tele o suiga ma manaoga o lau 'upega tafaʻilagi ma tali mai e le manaʻomia ona e popole i na ata faʻataunuʻuina lelei lelei soʻo se laasaga o le ala.

Telefoni

O se tasi o luitau i le faʻaaogaina o ata raster (JPG, PNG, GIF) i luga o luga o upega tafaʻilagi tali mai o le telefoni lea o na ata. Talu ai o ata o le raster e le fuaina le auala e faia e tagata vevela, e tatau ona e faʻapolopolo au ata o faʻatatau i pika i le tele tele o le a faʻaalia ai. E mafua lenei mea ona e mafai ona e faia se ata laʻititi ma taofi lona uiga lelei, ae e le tutusa le tutusa mo le faʻatupulaia o ata. O le iuga, o le masani ona i ai o ata e sili atu le tele nai lo le faʻaalia i luga o le laupepa a se tagata, o lona uiga e faamalosia i latou e ave se faila tele.

SVG faʻafeiloai lenei luitau. Talu ai o mataʻitusi vevela e mafai ona faʻalauteleina, e mafai ona e maua ni laupepa laʻitiiti laʻitiiti e tusa lava po o le a le telē o nei ata atonu e manaʻomia ona faʻaalia. O lenei mea o le ai ai se aafiaga lelei i luga o le tulaga lautele o le faatinoga ma le saoasaoa o le sii mai.

CSS Styling

O le SVG code e mafai foi ona faaopoopo sao i le HTML o se itulau. O lenei mea ua lauiloa o le "inline SVG." O se tasi o aoga o le faʻaaogaina o le inline SVG o le talu ai o ata na tusia moni e le masini e faʻavae i luga o lau code, e leai se manaʻoga e faia se talosaga HTTP e aumai se faila ata. O le isi aoga o le inline SVG e mafai ona faʻaigoaina ma le CSS.

Manaomia le suia o le lanu o se SVG icon? Nai lo le manaʻomia e tatala lena ata i nisi o polokalama faʻatautaia ma auina atu ma toe lafoina le faila, e mafai ona e suia le faila SVG i nai laina o le CSS.

E mafai foi ona e faʻaaogaina isi sitaili CSS i luga o ata SVG e suia ai i luga o tulaga le mautonu pe mo nisi manaoga mamanu. E mafai foʻi ona e faʻaolaina na ata faʻataʻitaʻi e faʻaopoopo nisi o feʻaveaiga ma fegalegaleaiga i se itulau.

Taaloga

Ona o le inline SVG faila e mafai ona faʻaigoaina ma le CSS, e mafai foi ona e faʻaaogaina animations CSS ia i latou. CSS faʻafouina ma faʻaliliuga o ni auala faigofie se lua e faʻaopoopo ai se olaga i faila SVG. E mafai ona e mauaina ni faʻalapotopotoga faʻaola Flash-like i luga o le itulau e aunoa ma le faʻavaivai i lalo o loʻo oʻo mai ma le faʻaaogaina o Flash i luga o luga o luga o uepesite i le asō.

Faaaogaina o le SVG

I le malosi e pei o le SVG, o nei ata e le mafai ona suitulaga i isi faʻatulagaga image o loʻo e faʻaaogaina i lau 'upega tafaʻilagi. O ata e manaʻomia ai le loloto o le loloto o le a manaʻomia pea ona avea ma se JPG poʻo se faila PNG, ae o ata faigofie e pei o ata e fetaui lelei ma le SVG.

E mafai foʻi ona talafeagai le SVG mo faʻataʻitaʻiga faʻapitoa, e pei o logos a le kamupani poʻo kalafi ma siata. O ata uma o le a manuia mai le mafai ona faʻamalosi, e mafai ona faʻaigoaina ma le CSS, ma isi faʻamanuiaga o loʻo lisiina i lenei tusiga.

Lagolago mo Tagata Usu Tuai

Lagolago i le taimi nei mo le SVG o loʻo lelei tele i 'upega tafaʻilagi faʻaonapo nei. Na o le pau lava le au suʻesuʻe e leai se lagolago mo nei faʻataʻitaʻiga o ni tusitusiga tuai o Internet Explorer (Version 8 ma le lalo) ma nai lomiga matutua o Android. I le mea uma lava, o se pasene laʻitiiti o suʻesuʻega o le faitau aofaʻi o tagata o loʻo faʻaogaina pea nei suʻesuʻe, ma o lena numera o loʻo faʻaauau pea ona faʻavaivai. O lona uiga e mafai ona faʻaogaina le SVG ma le saogalemu i luga o luga o uepisaite i aso nei.

Afai e te manaʻo e tuʻuina atu se laʻititi mo le SVG, e mafai ona e faʻaogaina se meafaigaluega e pei o le Grumpicon mai le Filament Group. O lenei punaoa o le a ave ai lau upega o image SVG ma fatuina ai le pa'ūina o PNG mo mea matutua.

Edited by Jeremy Girard i le 1/27/17