Nahoana ianao no tokony hampiasa SVG amin'ny tranonkalanao androany

Ny tombony amin'ny fampiasana sary vetaveta Scalable

Ny horonan-tsarimihetsika vetivety, na SVG, dia manana andraikitra lehibe eo amin'ny famoronana tranonkala androany. Raha tsy mampiasa SVG ianao ao amin'ny tranonkalanao, dia ireto misy antony tokony hanombohanao hanao izany, ary mety ho trotraka azonao ampiasaina ho an'ny browsers taloha izay tsy manohana ireo rakitra ireo.

fanapahan-kevitra

Ny tombony lehibe indrindra amin'ny SVG dia ny fahaleovan-tena. Satria ny sary SVG dia sary vetaveta fa tsy sary pixel mifototra amin'ny raster, dia azo alaina izy ireo raha oharina amin'ny tsy fahampian'ny kalitao sary. Tena manampy tokoa izany rehefa mamorona tranonkala miresaka izay mila mijery tsara sy miasa tsara amin'ny habe sy ny fitaovana maro samihafa .

Ny tahiry SVG dia mety hidina ambony na ambany mba hametrahana ny haavon'ny fiovana sy ny fametrahana ny tranonkalan'ny valin-teninao ary tsy mila manahy momba ireo sary izay manana kalitao marimaritra iraisana ianao.

File Size

Ny iray amin'ireo fanamby amin'ny fampiasana sary raster (JPG, PNG, GIF) amin'ny tranonkala fitakiana dia ny haben'ireo rakitra ireo. Satria ny sary raster dia tsy manamaivana ny fomba ataon'ny vetso, mila mametraka ny sary fototra mifototra amin'ny pixel amin'ny haben'ny lehibe indrindra izay aseho azy ireo. Izany dia satria afaka mamorona sary kely foana ianao ary mitazona ny kalitaony, fa tsy mitovy koa ny fanaovana sary lehibe kokoa. Ny vokatra farany dia satria matetika ianao dia manana sary izay lava kokoa noho ny asehon'izy ireo amin'ny efijery amin'ny olona, ​​izay midika fa tsy voatery izy ireo no voatery entina mavesatra be.

SVG dia mitaky io fanamby io. Noho ny habetsahan'ny sary vetivety, dia afaka manana tahiry kely kely ianao na dia kely aza ny habetsahan'ireo sary ireo mila aseho. Ity dia hanana fiantraikany tsara eo amin'ny fahombiazan'ny fahombiazan'ny tranonkala iray manontolo sy ny haingam-pandeha.

CSS Styling

Azo adika mivantana amin'ny HTML amin'ny pejy ihany koa ny code SVG. Ity dia fantatra amin'ny hoe "inline SVG." Iray amin'ireo tombony amin'ny fampiasana SVG an-tserasera ny hoe satria ny sary no mikarokarin'ny mpizara mifototra amin'ny code, dia tsy ilaina ny manao HTTP fangatahana alalana sary. Ny soa hafa dia ny SVG azo ampiasaina miaraka amin'ny CSS.

Ilaina ny manova ny lokon'ny marika SVG? Raha tokony mila manokatra izany sary izany amin'ny rindrambaiko sy fanondranana karazan-drakitra ary alefa indray ilay rakitra, dia azonao atao ny manova ny tahiry SVG amin'ny andalana vitsivitsy amin'ny CSS.

Azonao ampiasaina ihany koa ireo karazan-doka CSS hafa ao amin'ny SVG graphics mba hanovàna azy ireo amin'ny fanjakana marobe na amin'ny filàna sasany. Azonao atao aza ny mampihetsi-po ireo sary ireo mba hanampiana hetsika sy fifanakalozan-kevitra amin'ny pejy iray.

Animations

Noho ny solonanarin'ny SVG azo ampiasaina amin'ny CSS, dia azonao ampiasaina ihany koa ny CSS animations. Ny fiovan'ny CSS sy ny fifindrana dia fomba roa hanampy ny fiainan'ny SVG rakitra. Afaka mahazo traikefa manan-danja toy ny Flash ianao ianao ao anaty pejin-drakitra tsy misy dikany amin'ny fahatapahana izay miaraka amin'ny Flash amin'ny tranonkala androany.

Fampiasan'ny SVG

Ny mahery vaika toy ny SVG dia tsy afaka manolo ny format hafa rehetra ampiasainao ao amin'ny tranonkalanao ireo sary ireo. Ny sary mila filaharam-be lalina dia mbola mila ny JPG na ny PNG angamba, fa ny sary tsotra toy ny icons dia tena mifanaraka tanteraka amin'ny SVG.

Ny SVG ihany koa dia mety amin'ny endrika fanoharana maro kokoa, toy ny logo logos na grafika sy sari-tany. Ny sary rehetra dia handray soa avy amin'ny toetr'andro, azo tanterahina miaraka amin'ny CSS, ary ireo tombony hafa voatanisa ato amin'ity lahatsoratra ity.

Fanohanana ireo broker taloha

Ny fanohanana ankehitriny ny SVG dia tsara indrindra amin'ny tranonkala maoderina maoderina. Ny hany browser tsy misy fanohanana amin'ireo sary ireo dia ny dikan-teny maimaim-poana amin'ny Internet Explorer (Version 8 sy etsy ambany) ary ny dikan-teny vitsivitsy amin'ny Android. Amin'ny ankapobeny, farafahakeliny kely amin'ny olona mpijery ny fampiasana ireo browsers ireo dia mbola mitohy mihamitombo io isa io. Midika izany fa azo ampiasaina amin'ny tranokala androany ny SVG.

Raha te-hametraka fihemorana ho an'ny SVG ianao dia afaka mampiasa fitaovana toy ny Grumpicon avy amin'ny Filam-pifidianana. Ity loharano ity dia hitondra ny sary SVG misy anao ary mamorona PNG fakana aina ho an'ireo browsers taloha.

Edited by Jeremy Girard on 1/27/17