Zvakanakira kushandisa Scalable Vector Graphics
Scalable Vector Graphics, kana SVG, inotora basa rinokosha mukugadzira webhusaiti nhasi. Kana iwe hausi ikozvino uchishandisa SVG mubasa rako rekugadzira webhu, apa pane zvimwe zvikonzero nei iwe uchifanira kutanga kuita saizvozvo, pamwe nekuputsika kwaunogona kushandisa kune vakwegura vashandisi vasingatsigire mafaira aya.
Kugadzirisa
Kubatsira kukuru kweSVG kusarudza kuzvimirira. Nokuti SVG mafaira ari vector graphics panzvimbo yepikisi-based based raster, vanogona kugadziriswa pasina kurasikirwa chero mufananidzo wehutano. Izvi zvinonyanya kubatsira apo iwe uri kuumba mawebsite anoteerera anofanirwa kutarisa zvakanaka uye kushanda zvakanaka kune huwandu hwakawanda hwema-screen size uye zvigadzirwa .
SVG mafaira anogona kuiswa mukati kana pasi kuti agone kushandiswa kwekukura uye zvido zvekutevedza zvewebsite yako yekubvuma uye haufaniri kunetseka pamusoro peavo maikirwo akange akanganisa unhu chero ipi zvayo yenzira.
File Size
Chimwe chezvinetso kuburikidza nekushandisa mifananidzo yeRaster (JPG, PNG, GIF) pane mawebsite anoteerera ndiyo faira yemafirimu aya. Nemhaka yokuti mifananidzo yeRaster haina kukura nzira iyo vector inowanzoita, unofanirwa kutumira mapikicha ako-based based on the size size at which they will be displayed. Izvi ndechokuti iwe unogona kugara uchiita chifananidzo chiduku uye kuchengetedza unhu hwayo, asi zvimwe chetezvo hazvisi zvechokwadi pakuita zvifananidzo zvakakura. Mhedzisiro inoguma ndeyekuti iwe unowanzova nemifananidzo yakave yakakura kukunda iyo iri kuratidzirwa pahwindo remunhu, izvo zvinoreva kuti hazvisakoshi kusamanikidzwa kutora faira huru.
SVG inotarisana nedambudziko iri. Nemhaka yekuti vector yakajeka inogona kuitika, unogona kuva nemaduku akawandisa mafaira pasinei nokuti iyo mifananidzo ingave yakakura sei. Ichi chichapedzisira chava nemigumisiro yakaisvonaka panzvimbo yese yebasa uye kubvumira kasi.
CSS Styling
SVG code inogonawo kuwedzerwa zvakananga ku HTML ye peji. Izvi zvinozivikanwa se "inline SVG." Chimwe chezvibatsiro zvekushandisa mukati mutsamba SVG ndechokuti sezvo maikirini ari chaizvo akabatwa nekushandura kunoenderana nemutsetse wenyu, hapana chikonzero chekuita chikumbiro cheHTTP kutora firiji yefaira. Chimwe chikomborero ndechekuti mukati meSVG inogona kunyorwa neCSS.
Unoda kuchinja ruvara rweSVG icon? Panzvimbo yekuda kuzarura chifananidzo ichocho mune imwe nzira yekugadzira software uye kutumira uye kuisa faira zvakare, unogona kungoshandura SVG file ne mitsara shomanana yeCSS.
Iwe unogonawo kushandisa mamwe maCSS maitiro paSVG mafirimu kuti uzvishandure pane zvitsuwa zve hover kana kuti zvimwe zvaunoda kugadzira. Iwe unogona kunyange kuratidza maikirwo iwayo kuwedzera kumwe kufamba uye kushamwaridzana kune peji.
Zvinyorwa
Nemhaka yekuti mukati maSVG mafaira anogona kunyoreswa neCSS, unogona kushandisa mavhidhiyo eCSS kwavari zvakare. CSS inoshandura uye kushanduka inzira mbiri dzakawanda dzekuwedzera hupenyu kune mafaira eSVG. Iwe unogona kuwana pfuma yakawanda-kufanana nezvakaitika paji peji usingakundiki kumatambudziko anouya nekushandisa Flash pamawebsite nhasi.
Zvishandiso zveSVG
Sezvo sine simba seSVG, maikirini aya haagoni kutora mamwe mapeji emifananidzo yaunoshandisa pawebsite yako. Mifananidzo inoda kudzika kwemavara yakadzika icharamba ichida kuva JPG kana kuti firiji yePNG, asi mifananidzo yakajeka sezvifananidzo zvakakodzerwa zvakakwana kuti iite seSVG.
SVG inogonawo kuva yakakodzera mienzaniso yakaoma yakawanda, seyologosti yekambani kana mairafu nematafura. Zvose zvemafirimu zvichabatsirika nekugadzikana, zvinokwanisa kutorwa neCSS, uye zvimwe zvinobatsira zvakanyorwa munyaya ino.
Kutsigirwa kune Vakwegura
Nhasi rubatsiro rweSVG rwakanaka zvikuru mumavhenekeri ezuva ranhasi. Izvo chete zvinyorwa zvisinganyatsotsigirwi mafirimu aya mapurogiramu akare eInternet Explorer (Version 8 uye pasi) uye zvishomanana zvekare zveIndaneti. Zvose mune zvose, chikamu chiduku zvikuru chevanhu vanofambisa vachiri kushandisa zvishandiso izvi, uye nhamba iyoyo inoramba ichiderera. Izvi zvinoreva kuti SVG inogona kushandiswa zvakanaka zvakachengeteka pamawebsite nhasi.
Kana iwe uchida kupa shanduko yeSVG, unogona kushandisa shanduro yakafanana naGrumpicon kubva kuFilament Group. Iyi nyanzvi ichakutora mafaira ako eSVG mafaira uye inogadzira PNG kukanganiswa kwevashanduri vakwegura.
Yakarongedzwa naJeremy Girard musi wa27/27/17