Ko nga painga o te whakamahi i te Scalable Vector Graphics
E whakaatu ana i te Mahere Rawa Taata, ko SVG ranei, he mahi nui ki te hoahoa paetukutuku i tenei ra. Mena kaore koe e whakamahi ana i te SVG i roto i to mahinga hoahoa tukutuku, koinei etahi take he aha koe ka timata ai ki te mahi pera, me nga takahanga ka taea e koe te whakamahi mo nga kaituhi pakeke e kore e tautoko i enei kōnae.
Te whakatau
Ko te painga nui o te SVG ko te mana motuhake. No te mea ko nga kōnae SVG he whakairoiro whakairoiro mo nga whakaahua raster-hāngai, he mea ka taea te whakahou ki te kore e ngaro i te kounga o te ahua. He mea tino pai tenei ki te hangaia e koe nga paetukutuku e hiahia ana kia pai te titiro, kia pai te mahi i te tini o te rahi o te rahi o te rahi o te rahi o te rahi o te mata .
Ka taea e nga kōnae SVG te piki ake ki raro ranei ki te whakapai i nga waahanga rereke me nga matea tautuhinga o to ipurangi whakautu me te kore e hiahia ki te manukanuka ki aua whakairoiro i te kounga o te kounga o nga huarahi katoa o te huarahi.
Rahi Kōnae
Ko tetahi o nga wero ki te whakamahi i nga whakapakoko raster (JPG, PNG, GIF) i runga i nga paetukutuku whakautu ko te rahi te rahi o aua whakaahua. No te mea kaore e rawekehia nga whakaahua raanei i te ara e mahia ana e nga hoahoa, me whakaora e koe o nga pikitia taapiri i te rahi rawa atu ka whakaatuhia ai. Ko te mea tenei ka taea e koe te hanga i tetahi ahua iti me te pupuri i tona kounga, engari kaore ano i te tika mo te hanga i nga kii nui. Ko te mutunga o tenei ko te nuinga o nga ahua o nga whakaahua e nui ake ana i te whakaatuhia ki te mata o te tangata, ko te tikanga he mea kaha ki te tango i tetahi kōnae nui.
Kei te korero a SVG i tenei wero. No te mea he pai ake nga whakairoiro whakairoiro, ka taea e koe te nui o te rahi o te rahi o te rahi o te rahi o te kōnae, ahakoa te rahi o aua whakapakoko ka whakaatuhia. Ka whai hua tenei i runga i te mahinga o te pae me te tere tere.
CSS Hiko
Ka taea hoki te whakauru i te waehere SVG ki te HTML o te whārangi. Kei te mohiotia tenei ko "SVG taurangi." Ko tetahi o nga painga o te whakamahi i te raupapa SVG ko te mea mai i nga mea whakairoiro kua tautuhia e te pūtirotiro i runga i to waehere, kaore he hiahia kia hanga tono HTTP ki te tiki i tetahi kōnae atahanga. Ko tetahi atu painga ko te mahinga SVG ka taea te tautuhi me CSS.
Me huri te tae o te tohu SVG? Engari i te hiahia ki te whakatuwhera i taua ahua ki etahi momo whakamahinga me te kaweake me te tuku ano i te kōnae, ka taea e koe te huri noa i te kōnae SVG me etahi raina o CSS.
Ka taea hoki e koe te whakamahi i etahi atu momo CSS i runga i nga whakairoiro SVG hei huri ia ratou i runga i nga ahua hover ranei mo etahi hiahia hoahoa. Ka taea e koe te whakaoho i aua whakairoiro hei whakauru i etahi kaupapa me te taunekeneke ki tetahi whārangi.
Ngā whakangahau
No te mea ka taea te tautuhi i nga kōnae SVG ki te CSS, ka taea e koe te whakamahi i nga animation CSS ki a raatau. Ko te CSS te whakarereke me te whakawhitinga he huarahi e rua ngawari ki te whakarahi i etahi ora ki nga kōnae SVG. Ka taea e koe te whai taonga wheako Flash-rite i runga i te whārangi kaore e pakaru ki nga tahataha e tae mai ana me te whakamahi Flash i runga i nga paetukutuku i tenei ra.
Nga whakamahinga o te SVG
I te kaha o te SVG, kaore e taea e enei whakairoiro te whakakapi i nga ahuatanga kii katoa e whakamahi ana koe i to paetukutuku. Ko nga whakaahua e hiahia ana ki te hohonu hohonu tae tonu ka waiho hei JPG, he kōnae PNG rānei, engari ko nga whakaahua taapiri me nga tohu e tika ana kia matehia hei SVG.
Ka taea hoki e SVG te tika mo nga whakaahua nui atu, penei i nga waitohu kamupene, nga kauwhata me nga mahere. Ka whai hua nga whakairoiro katoa mai i te mea e taea ana te whakaari, ka taea te tautuhi me te CSS, me era atu painga i tuhia ki tenei tuhinga.
Tautoko mo nga Pūtirotiro Tawhito
He pai rawa te tautoko mo te SVG i nga kaituhi tukutuku hou. Ko nga kaituhi anake kaore he tautoko mo enei whakairoiro ko nga putanga tawhito o Internet Explorer (Putanga 8 me raro iho) me etahi putanga pakeke o Android. I te katoa, he iti rawa te paanga o te taupori taupori kei te whakamahi tonu i enei kaituhi, a kei te haere tonu taua tau. Ko te tikanga ka taea te whakamahi i te SVG me te haumaru i runga i nga paetukutuku i tenei ra.
Mena e hiahia ana koe ki te whakarato i te hokinga mo te SVG, ka taea e koe te whakamahi i te taputapu penei i te Grumpicon mai i te Rōpū Whakaara. Ka tangohia e tenei rauemi o maatau whakapakoko SVG me te waihanga i nga takahanga PNG mo nga kaituhi tawhito.
I whakatikahia e Jeremy Girard i te 1/27/17