Çawa Vegere SVG Grafics li ser Webpage

SVG an Vector Vector Scalable Grafikên ku hûn wêneyên bêhtir gelemperî bikişînin û wan li ser rûpelên malperên xwe hene. Lê hûn nikarin bi tenê pelên SVG digirin û wan bi HTML-ê bişînin. Ew ê nabêjin û rûpelê te dê neçar be. Li gorî, divê hûn yek ji sê rêbazan bikar bînin.

Vek SVG ji bo Tîra Object Tag bikar bînin

Heya HTML-ê dê di navnîşa malpera SVG-grafîkî de pêve bike. Heya pelê SVG dixwazî ​​ku hûn dixwazin vekirî binivîsin bi tîpek taybetmendiyê binivîsin. Divê hûn hebên çarçoveya bilind û astengiyê hebe ku ji bo çarçoveya bilind û bilindahiya navnîşa SVG (pencilê di nav xwe de).

Ji bo peyamberiya cross-browser, divê hûn taybetmendiya taybetmendiyê binivîsin, ku divê bixwînin:

type = "image / svg + xml"

û kodayek ji bo gerokên ku piştgirî nakin (Internet Explorer 8 û jêrîn). Koda kodê dê ji bo gerokên ku SVG piştgirî nake ku SVG plugin nîşan bidin. Plugîna herî zêde tê bikaranîn ji Adobe ji http://www.adobe.com/svg/viewer/install/. Lêbelê, ev plugin nikare piştgiriya Adobe. Vebijêre din jî ji Ssrc SVG plugin ji lêkolîna Savarese Software Research at http://www.savarese.com/software/svgplugin/.

Wek helwesta wê weha bibînin:

Tiştên ji bo SVG

  • Bawer bikin ku çarçoveya û bilindahî bi kêmanî wek mezin wekî wêneyê ku hûn embedded in. Wekî din, wêneyê te dikare kûçikê.
  • Gava ku SVG nimûne naveroka rastîn (type = "image / svg + xml") nabe, eger hûn nexwendin derve.
  • Hûn dikarin agahdariya paşnavê li hundurê sîteyê ji bo gerokên ku dê pelên SVG nîşan nabe.
  • Hûn dikarin çavkaniya xwe ya SVG û mimkunên naveroka di parametersan de ava bikin. Ew dikare di IE 6 û 7 de baştir bike.
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Têbînî ku ew hewce dike klasîk heye ku ji bo kar bikin.

SVG di mînakek nimrokek de tiştek bibînin.

SVG digel Tag Tag

Vebijarek din ku ji bo ku ji bo SVG ve tê bikaranîn tag e. Hûn hema hema hejmaran wek tagek object object, bi tevahî <, height,, û kodêbase> bikar bînin. Tenê ferq e ku ji ber daneyên daneyê, hûn navnîşana belgeyên SVG-ê di src-src de cîh bikin.

Hêviya we dê weha bibînin:

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

Tiştên ji bo Bikaranîna Bikaranîna ji bo SVG

  • Heya tagê emrê HTML4 nayê, lê ew HTML5 rast e, da ku hûn di nav HTML4 bikar bînin, divê hûn bîr bînin ku rûpelê wê nayê naskirin.
  • Navê taybetmendiya çêtirîn ya ji bo src-src-a-complete-name-named quoalified bikar bînin.
  • Hinek rapor hene ku ji hêla tagê Adobe-ê ve tê bikaranîna Moz plug-in ê Mozilla-version 1.0 heta 1.4.

Dibe ku SVG di navnîşana tagê ya embedî de bibînin.

Bikaranîna anramekê bide SVG

Iframes rêbazek din hêsan e ku di nav rûpelên SVG de li ser malperên xwe hene. Ew tenê sê taybetmendiyên pêdivî ye: çarçoveya û hewayê wek normal, û src ji bo pelê SVG nîşan dide.

Iframek we wê weha bibîne: