Indlela Yokubeka I-SVG Graphics ekhasini lakho lewebhu

I-SVG noma i-Scalable Vector Graphics ikuvumela ukuba udwebe izithombe eziningi eziyinkimbinkimbi futhi uzikhiphe kumakhasi ewebhu. Kodwa awukwazi ukumane uthathe amathegi we-SVG bese uwabopha ku-HTML yakho. Ngeke abonise futhi ikhasi lakho ngeke livumelekile. Kunalokho, kufanele usebenzise enye yezindlela ezintathu.

Sebenzisa i-Object Tag ukushumeka i-SVG

Ithegi ye-HTML izongena umdwebo we-SVG kukhasi lakho lewebhu. Ubhala ithegi yento ngenhloso yedatha ukuchaza ifayela le-SVG ofuna ukulivula. Kumele futhi ufake ububanzi nobuciko bokuphakama ukuze uchaze ububanzi nokuphakama kwesithombe sakho se-SVG (ngamaphikseli).

Ukuze uhambisane nesiphequluli, kufanele uhlanganise uhlobo lwesici, okufanele lufunde:

uhlobo = "image / svg + xml"

kanye ne-codebase yeziphequluli ezingayisekeli (i-Internet Explorer 8 nangaphansi). I-codebase yakho izokhomba ku-plugin ye-SVG yeziphequluli ezingasisekeli i-SVG. I-plugin evame ukusetshenziswa kakhulu ivela ku-Adobe ku-http: //www.adobe.com/svg/viewer/install/. Noma kunjalo, le plugin ayisasekelwa yi-Adobe. Enye indlela yi-plugin ye-Ssrc SVG evela ku-Savarese Software Research ku-http: //www.savarese.com/software/svgplugin/.

Into yakho izobukeka kanje:

Amathiphu okusebenzisa into ye-SVG

  • Qinisekisa ukuthi ububanzi nokuphakama okungenani kunkulu njengesithombe osifaka kuso. Uma kungenjalo, isithombe sakho singase sicwecwe.
  • I-SVG yakho ingase ingabonisi kahle uma ungafaki uhlobo olufanele lokuqukethwe (uhlobo = "image / svg + xml"), ngakho-ke angikhuthazi ukuthi ngiyishiye.
  • Ungabandakanya ulwazi lokuwa phansi ngaphakathi kwethegi yento yeziphequluli ezingeke zibonise amafayela we-SVG.
  • Ungasetha futhi umthombo we-SVG yakho kanye nohlobo lokuqukethwe kumingcele. Lokhu kungase kusebenze kangcono ku-IE 6 no-7:
i-classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" ububanzi = "110" ukuphakama = "60" i-codebase = "http://www.savarese.com/software/svgplugin/">

Qaphela ukuthi lokhu kudinga i-classid ukuze isebenze.

Buka i-SVG kusibonelo sethegi yento.

Shumeka i-SVG ne-Tag Embed

Enye inketho onayo yokufaka i-SVG ukusebenzisa ithegi. Usebenzisa cishe izici ezifanayo njengetekisi yento, kufaka phakathi ububanzi <, ukuphakama, uhlobo, nekhodibase>. Umehluko kuphela wukuthi esikhundleni semininingwane, ufaka i-URL yakho ye-SVG yedokhumenti kusici se-src.

Ukushumeka kwakho kuzobukeka kanje:

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

Amathiphu okusebenzisa i-Embeds for SVG

  • Ithegi ye-embed ayivumelekile i-HTML4, kodwa i-HTML5 evumelekile, ngakho-ke uma ukuyisebenzisa ekhasini le-HTML4, kufanele ukhumbule ukuthi ikhasi lakho ngeke liqiniseke.
  • Sebenzisa igama lesizinda eliqanjwe ngokugcwele kwisici src sokuhambisana kahle.
  • Kukhona neminye imibiko yokuthi ukusebenzisa i-embed tag ne-Adobe plugin izophazamisa i-Mozilla izinguqulo 1.0 kuya ku-1.4.

Buka i-SVG kusibonelo samathegi we-embed.

Sebenzisa iframe ukufaka i-SVG

Ama-iframes enye enye indlela elula yokufaka isithombe se-SVG emakhasini akho ewebhu. Kudinga kuphela izici ezintathu: ububanzi nokuphakama njengokujwayelekile, futhi i-src ekhomba indawo yefayela lakho le-SVG.

I-iframe yakho izobukeka kanje: