Ki jan yo Mete SVG grafik sou paj entènèt ou

SVG oswa Scalable Graphics vektè kite ou trase imaj pi plis konplèks epi fè yo rann sou paj wèb. Men, ou pa ka senpleman pran tags yo SVG ak kalòt yo nan HTML ou. Yo pa pral montre moute ak paj ou yo pral envalid. Olye de sa, ou gen yo sèvi ak youn nan twa metòd.

Sèvi ak Tag la objè yo entegre SVG

Tag HTML la pral afiche yon grafik SVG nan paj entènèt ou an. Ou ekri tag nan objè ak yon atribi done defini dosye a SVG ou vle louvri. Ou ta dwe gen ladan tou lajè ak wotè atribi defini lajè a ak wotè nan imaj SVG ou a (nan piksèl).

Pou konpatibilite kwa-navigatè, ou ta dwe gen ladan kalite atribi a, ki ta dwe li:

kalite = "imaj / svg + xml"

ak yon codebase pou navigatè ki pa sipòte li (Internet Explorer 8 ak pi ba). Codebase ou ta pwen sou yon Plugin SVG pou navigatè ki pa sipòte SVG. Plugin ki pi souvan itilize a se soti nan Adobe nan http://www.adobe.com/svg/viewer/install/. Sepandan, Plugin sa a pa sipòte pa Adobe. Yon lòt opsyon se Ssrc SVG Plugin la soti nan Savarese Software Rechèch nan http://www.savarese.com/software/svg Plugin /.

Objè ou ta sanble tankou sa a:

Konsèy pou Sèvi ak objè pou SVG

  • Asire w ke wotè a ak wotè yo omwen tankou gwo tankou imaj la ou se embedding. Sinon, imaj ou ta ka koupe.
  • SVG ou a pa ka montre kòrèkteman si ou pa gen ladan kalite a kontni kòrèk (kalite = "imaj / svg + xml"), Se konsa, mwen pa rekòmande kite li soti.
  • Ou ka gen ladan enfòmasyon ki tonbe andedan tag lan objè pou navigatè ki pa pral montre dosye SVG.
  • Ou kapab tou mete sous la nan SVG ou ak kalite a kontni nan paramèt. Sa ka travay pi byen nan IE 6 ak 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" wotè = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Remake byen ke sa a mande pou yon klasid fè li travay.

Gade yon SVG nan yon egzanp tag objè.

Afiche SVG ak Tag Entè a

Yon lòt opsyon ou gen pou ki gen ladan SVG se yo sèvi ak tag la. Ou itilize prèske atribi menm jan ak tag objè a, ki gen ladan lajè <, wotè, kalite, ak kòdbaz>. Diferans la sèlman se ke olye pou yo done, ou mete adrès SVG dokiman ou nan atribi nan src.

Embed ou ta sanble tankou sa a:

src = "http://your-domain.here/z-circle.svg" width = "210" height = "210" kalite = "imaj / svg + xml" codebase = "http://www.adobe.com / svg / viewer / enstale "/>

Konsèy pou Sèvi ak Embed pou SVG

  • Tag nan embed se pa valid HTML4, men li se valid HTML5, kidonk si w itilize li nan yon paj HTML4, ou ta dwe sonje ke paj ou a pa pral valide.
  • Sèvi ak yon non domèn konplètman quoalifye nan atribi nan src pou pi bon konpatibilite.
  • Genyen tou kèk rapò ke lè l sèvi avèk tag nan embed ak Plugin la Adobe pral aksidan Mozilla vèsyon 1.0 1.4.

Wè yon SVG nan yon egzanp tag embed.

Sèvi ak yon iframe Mete SVG

Iframes yo se yon lòt fason fasil yo genyen ladan yo yon imaj SVG sou paj wèb ou. Li sèlman mande pou twa atribi: lajè ak wotè kòm dabitid, ak src montre nan kote a nan dosye SVG ou.

Iframe ou ta sanble tankou sa a: