Nzira Yekuisa SVG Graphics paWebhu Yenyu yepaIndaneti

SVG kana Simba reVector Rakashandura rega iwe unyore mifananidzo yakaoma zvikuru uye uite kuti ive yakaitwa pamapeji ewebhu. Asi iwe haugoni kutora matanho eSVG uye kuvarovera mu HTML yako. Havazozviratidzi uye peji yako ichava isina kukodzera. Pane kudaro, unofanira kushandisa imwe yevatatu nzira.

Shandisa Tag Object kuti ibudise SVG

Ita tag HTML ichapinza mufananidzo weSVG muwebhu yepaji yako. Iwe unonyora chigamba chechinhu nechinangwa chekutsanangura kuti SVG file yaunoda kuvhura. Iwe unofanirwawo kusanganisira upamhi uye hurefu hwehutano hwekutsanangura upamhi uye urefu hwemufananidzo wako weSVG (mumapikiseli).

Nokuda kwepabonde-browser, iwe unofanirwa kusanganisira mhando yemhando, iyo inofanira kuverengwa:

chimiro = "mufananidzo / svg + xml"

uye codebase yevashandisi vasingabatsiri (Internet Explorer 8 uye pasi). Iko codebase yako inogona kutarisa pane SVG plugin yevashandisi vasingatsigiri SVG. Inonyanya kushandiswa plugin inobva kuAdobe pa http://www.adobe.com/svg/viewer/install/. Zvisinei, iyi plugin haisisiri kutsigirwa neAdobe. Imwe nzira ndeye Ssrc SVG plugin kubva kuSarerese Software Research pane http://www.savarese.com/software/svgplugin/.

Chinhu chako chaizotarisa seizvi:

Mazano ekushandisa chinhu cheSVG

  • Iva nechokwadi chekuti upamhi uye hurefu zvakanyanya kunge zvakakura semufananidzo wauri kuvhara. Kana zvisina kudaro, chifananidzo chako chingave chakatorwa.
  • SVG yako inogona kunge isina kuratidza zvakanaka kana iwe usingasanganisi yakarurama yerudzi rwemhando (type = "image / svg + xml"), saka handikurudziri kusiya.
  • Iwe unogona kusanganisira ruzivo rwekuputsika mukati mechigadziro chezvinhu kune vashandisi vasingazogadziri mafaira eSVG.
  • Iwe unogonawo kugadzirisa nzvimbo yeSVG yako uye rudzi rwehuwandu mumiganhu. Izvi zvinogona kushanda zviri nani muIE 6 ne7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Cherechedza kuti izvi zvinoda chikoro kuti chiite.

Tarisa SVG mune imwe muenzaniso yekutambira.

Bvisa SVG neIndaneti Inonzi

Imwe nzira yaunayo yekubatanidza SVG ndeye kushandisa tag. Iwe unoshandisa zvinenge zvakafanana nemhando sechinhu chakaiswa, kusanganisira upamhi <, urefu, rudzi, uye codebase>. Misiyano chete ndeyokuti panzvimbo yedata, unoisa URL yako yeDVG yedhipatimendi muchirongwa cheSrc.

Kubata kwako kwaizoita seizvi:

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

Mazano ekushandisa Kushandura kweSVG

  • Ikoti yepakati haikwanisi HTML4, asi inofanirwa HTML5, saka kana iwe ukishandisa iri papeji HTML4, unofanirwa kuyeuka kuti peji yako haigoni kuvimbisa.
  • Shandisai zvakakwana zita rechinzvimbo chechirongwa muchirongwa cheSrc chekuenderana zvakanakisisa.
  • Panewo mamwe mitsara yokuti kushandisa kadhi yekuvharira neAdobe plugin ichaputsa Mozilla versions 1.0 kusvika ku 1.4.

Tarisa SVG mumuenzaniso wekutevedza.

Shandisai iframe kuisanganisira SVG

Iframes imwe imwe nzira iri nyore yekuisa mufananidzo weSVG pamapeji ako ewebhu. Zvinongoda zvitatu chete: upamhi uye kukwirira sekugara, uye src inotarisa kune nzvimbo yeSVG file yako.

Iframe yako yaizoita seyiyi: