Melemo ea ho sebelisa Scalable Vector Graphics
Li-Vector Graphics tse hlakileng, kapa SVG, li phetha karolo ea bohlokoa ho moralo oa marang-rang kajeno. Haeba ha u sebelise SVG hona joale mosebetsing oa hau oa liwebsaete, mona ke mabaka a mang a etsang hore u qale ho etsa joalo, hammoho le mathata ao u ka a sebelisang ho bapalami ba khale ba sa tšehetse lifaele tsena.
Qeto
Molemo o moholo ka ho fetisisa oa SVG ke ho ikemela. Hobane lifilimi tsa SVG ke lipapali tsa vector ho e-na le litšoantšo tsa raster tse thehiloeng ka pixel, li ka fetisetsoa ntle le ho lahleheloa ke boleng ba setšoantšo. Sena se na le thuso haholo-holo ha u ntse u etsa liwebsaete tse amohelehang tse hlokahalang ho shebahala hantle le ho sebetsa hantle ho palo e kholo ea boholo ba lichelete le lisebelisoa .
Lifaele tsa SVG li ka kenngoa holimo kapa tlaase ho amohela maemo a fetohang le litlhoko tsa sebaka sa hau sa hau sa marang-rang mme ha ho hlokahale hore u tšoenyehe ka litšoantšo tseo tse nang le boleng bo fokolang mohato ofe kapa ofe oa tsela.
Boima ba faele
E 'ngoe ea mathata ka ho sebelisa litšoantšo tsa raster (JPG, PNG, GIF) liwebsaeteng tse arabelang ke boholo ba faele ea litšoantšo tseo. Hobane litšoantšo tsa raster ha li fokotse tsela eo li-vector li e etsang, u lokela ho fana ka litšoantšo tse thehiloeng ho pixel ka boholo bo boholo boo li tla bonahatsoa ho bona. Lebaka ke hore kamehla o ka etsa setšoantšo se senyenyane mme o boloka boleng ba sona, empa ha ho joalo le ho etsa litšoantšo tse kholoanyane. Sephetho sa ho qetela ke hore hangata o na le litšoantšo tse kholo ho feta tseo li bonts'itsoeng ka skrineng ea motho, e bolelang hore ba qobelloa ho kopitsa file e kholo haholo.
SVG e araba bothata bona. Kahobane litšoantšo tse hlahisitsoeng ke vector li senyehile, u ka ba le boholo ba lifaele tse fokolang ho sa tsotellehe hore na litšoantšo tseo li ka 'na tsa hlokahala hakae. Qetellong sena se tla ba le tsusumetso e nepahetseng tshebetsong ea kakaretso ea setša le ho jarolla lebelo.
CSS Styling
Ntho ea SVG e ka boela ea kenngoa ka ho toba ho HTML ea leqephe. Sena se tsejoa e le "SVG e inthaneteng." E 'ngoe ea melemo ea ho sebelisa SVG e ka hare-hare ke hore kaha litšoantšo tse hatisitsoeng li hlile li huleloa ke sebapali ho latela khoutu ea hau, ha ho hlokahale hore u etse tlhahiso ea HTTP ho fumana setšoantšo sa setšoantšo. Molemo o mong ke hore SVG e ka hare e ka ngoloa ka CSS.
U hloka ho fetola 'mala oa setšoantšo sa SVG? Ho e-na le ho hloka ho bula setšoantšo seo ka mofuta o itseng oa software ea ho hlophisa le ho romela thepa hape 'me u kopanye le faele hape, u ka fetola sesepa sa SVG ka mela e seng mekae ea CSS.
U ka boela ua sebelisa mekhoa e meng ea CSS ho litšoantšo tsa SVG hore u li fetole libukeng tsa hover kapa bakeng sa litlhoko tse itseng tsa moralo. U ka ba ua hlahisa litšoantšo tse joalo ho eketsa ho tsamaisa le ho kena-kenana le leqephe.
Litšoantšo
Hobane lifaele tsa SVG tse ka hare li ka ngoloa ka CSS, u ka sebelisa litšoantšo tsa CSS ho tsona. CSS e fetoloa le liphetoho ke litsela tse peli tse bonolo tsa ho eketsa lifaele tsa SVG. U ka fumana liphihlelo tse ruileng tsa Flash joaloka leqephe empa u se ke ua hlōla ho fokotseha ho tlisoang ke ho sebelisa Flash ho websites kajeno.
Liketso tsa SVG
E matla joaloka SVG, litšoantšo tsena ha li khone ho nkela sebaka se seng le se seng sa setšoantšo seo u se sebelisang ho websaete ea hau. Litšoantšo tse hlokang botebo ba 'mala o tebileng li sa ntsane li hloka ho ba JPG kapa file ea PNG, empa litšoantšo tse bonolo tse kang litšoantšo li loketse ka ho feletseng hore li phethoe joaloka SVG.
SVG e ka ba e nepahetseng bakeng sa lipapiso tse rarahaneng, joaloka li-logos kapa li-graphe le lichate. Litšoantšo tsohle li tla rua molemo ka ho ba le tsebo, tse khonang ho ngoloa ka CSS, le melemo e meng e thathamisitsoeng sehloohong sena.
Ts'ehetso bakeng sa Li-Browser ba khale
Ts'ehetso ea morao-rao ea SVG e ntle haholo ho li-browser tsa kajeno. Liphetolelo feela tse hlokang tšehetso bakeng sa litšoantšo tsena ke tsa khale tsa Internet Explorer (Version 8 le ka tlase) le liphetolelo tse seng kae tsa khale tsa Android. Ka kakaretso, karolo e nyenyane haholo ea baahi ba ho bapala e ntse e sebelisa li-browser tsena, 'me nomoro eo e tsoela pele ho theoha. Sena se bolela hore SVG e ka sebelisoa hantle ka mokhoa o sireletsehileng ho liwebsaete kajeno.
Haeba o batla ho fana ka ho fokotseha bakeng sa SVG, o ka sebelisa sesebelisoa joaloka Grumpicon ho sehlopha sa Filament. Mohloli ona o tla nka lifaele tsa hau tsa SVG le ho hlahisa mathata a PNG bakeng sa li-browsers tsa khale.
E hlophisitsoe ke Jeremy Girard ka la 27/27/17