Indlela yokubeka i-SVG Graphics kwiWebhsayithi yakho

I-SVG okanye i-Valable Vector Graphics ikuvumela ukuba udwebe imifanekiso eninzi kwaye iguqulele kwiiwebhu. Kodwa awukwazi nje ukuthabatha amathegi e-SVG uze uwabethele kwi HTML yakho. Abayi kubonisa kwaye iphepha lakho liya kuba livumelekile. Kunoko, kufuneka usebenzise enye yeendlela ezintathu.

Sebenzisa i-Object Tag ukufakela i-SVG

Ithegi ye-HTML izakufaka umzobo we-SVG kwikhasi lakho lewebhu. Ubhala itekiti yento kunye nomxholo wedatha ukuchaza ifayile yeSVG ofuna ukuyivula. Kufuneka uquke ububanzi kunye neempawu zokuphakama ukuchaza ububanzi nokuphakama kwesithombe sakho se-SVG (kwiipikseli).

Ukuze uhambelane nesiphequluli, ufanele udibanise uhlobo lwefayile, olufanele lufunde:

uhlobo = "umfanekiso / svg + xml"

kunye ne-codebase yeziphequluli ezingayixhasayo (Internet Explorer 8 kunye nezantsi). I-codebase yakho iya kubhekisela kwi-SVG plugin yeziphequluli ezingayixhasi i-SVG. I-plugin esetyenziswa ngokuqhelekileyo ivela kwi-Adobe kwi-http: //www.adobe.com/svg/viewer/install/. Nangona kunjalo, le iplagin ayisekho i-Adobe. Enye inketho yi-Ssrc SVG plugin esuka kuSarerese Software Research ku-http: //www.savarese.com/software/svgplugin/.

Into yakho iya kubonakala ngathi:

Iingcebiso zokusebenzisa into yeSVG

  • Qinisekisa ukuba ububanzi kunye nokuphakama bubuncinane njengomfanekiso owangena kuwo. Ngaphandle koko, umfanekiso wakho unokucinywa.
  • I-SVG yakho ayikwazi ukubonisa ngokuchanekileyo ukuba awubandakanyi uhlobo olufanelekileyo lomxholo (uhlobo = "umfanekiso / svg + xml"), ngoko andiyikucebisa ukuba iphume.
  • Ungafaka ulwazi lokubuyisela ngaphakathi kwithegi yezinto kwiibrowser ezingayi kubonisa iifayile ze-SVG.
  • Ungasetha kwakhona umthombo we-SVG yakho kunye nohlobo lomxholo kwimimiselo. Oku kungasebenza kangcono kwi-IE 6 no-7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" ububanzi = "110" ubude = "60" ikhowudi ye-codebase = "http://www.savarese.com/software/svgplugin/">

Qaphela ukuba oku kufuna i-classsid ukuba isebenze.

Jonga i-SVG kumzekelo wethegi wento.

Shuma i-SVG nge-Tag Embed

Enye inketho onayo yokufaka i-SVG kukusebenzisa itekisi. Usebenzisa phantse iimpawu ezifanayo njengetekisi yento, kuquka ububanzi <, ukuphakama, uhlobo, kunye ne-codebase>. Ukwahlukana kuphela kukuba endaweni yedatha, ufaka i-URL ye-SVG yexwebhu kwi-attribute ye-src.

Ukungena kwakho kubonakala ngathi:

src = "http://your-domain.here/z-circle.svg" ububanzi = "210" height = "210" uhlobo = "umfanekiso / svg + xml" codebase = "http://www.adobe.com / svg / umbonisi / faka "/>

Iingcebiso zokusebenzisa i-Embed for SVG

  • I-tag ye-embed ayivumelekanga i-HTML4, kodwa iyasebenza HTML5, ngoko ukuba uyayisebenzisa kwikhasi le-HTML4, kufuneka ukhumbule ukuba iphepha lakho aliyi kuqinisekisa.
  • Sebenzisa igama lesiqulatho elipheleleyo elingagqibekanga kwisalathisi src ukuhambelana ngokufanelekileyo.
  • Kukho ezinye iingxelo zokusebenzisa itekiti yokungena kunye ne-Adobe plugin iya kuphazamisa ii-Mozilla ii-1.0 ukuya ku-1.4.

Jonga i-SVG kumzekelo wethegi wokungena.

Sebenzisa i-iframe ukuba ifake i-SVG

Ukuba iifayile enye enye indlela elula yokufaka umfanekiso we-SVG kumaphepha akho ewebhu. Ifuna kuphela iimpawu ezintathu: ububanzi nokuphakama njengesiqhelo, kunye ne-src ekhomba kwindawo yefayile yakho ye-SVG.

Iframe yakho ibonakala ngathi: