Sida loo Sameeyo SVG Graphics on Your Bogga

SVG ama Graphics Wareegyada Sawireedku waxay kuu oggolaanayaan inaad sawirro badan oo adag oo sawir ah aad sameysid oo aad ka sameysid bogag internet ah. Laakiin ma aha inaad si fudud u qaadan kartid SVG tags iyo ku dhejin HTML aad. Ma soo bandhigi doonaan, boggaagu wuxuu noqon doonaa mid aan sharci ahayn. Halkii, waa inaad isticmaashaa mid ka mid ah saddexda habab.

Isticmaal Nooca Wajiga si aad u dhigto SVG

Taariikhda HTML waxay ku dhejin doontaa garaafka SVG ee boggaaga internetka. Waxaad ku qori kartaa shayga sheyga oo leh sifo macluumaad si aad u qeexdo faylka SVG ee aad rabto inaad furto. Waa inaad sidoo kale ku dartaa sifooyinka ballaaran iyo dhererka si aad u qeexdo ballaca iyo dhererkaaga muuqaalka SVG (pixels).

Wareegga isdhaafsiga shabakada, waa inaad ku dartaa nooca nooca, kaas oo ah inuu akhriyo:

nooca = "image / svg + xml"

iyo codebase ah daalacayaasha aan taageernin (Internet Explorer 8 iyo hoose). Codebadaada ayaa tilmaamaya SVG-koodhka loogu talagalay daalacayaasha aan taageerin SVG. Qalabka ugu badan ee loo isticmaalo wuxuu ka yimid Adobe oo ah http://www.adobe.com/svg/viewer/install/. Si kastaba ha ahaatee, plug-kani kuma jirto taageerada Adobe. Fursad kale waa Ssrc SVG fiilo ka socota Cilmi-baarista Barnaamijka Savarese ee http://www.savarese.com/software/svgplugin/.

Sheygaagu siduu u egyahay:

Talooyin loogu talagalay isticmaalka walaxda SVG

  • Xaqiiji in width iyo dhererka ugu yaraan sida weyn sida sawirka aad soo gelayso. Haddii kale, sawirkaaga waa la xiri karaa.
  • SVG-gaagu si sax ah uma muujin karo haddii aadan ku darin nooca saxda ah ee saxda ah (nooca = "image / svg + xml"), sidaa daraadeed ma kugula talin doono inaad ka baxdid.
  • Waxaad ku dari kartaa macluumaadka dib u dhaca ee ku dhex jira alaabta sheyga ee daalacayaasha aan soo bandhigi doonin faylasha SVG.
  • Waxaad sidoo kale sameyn kartaa ilaha SVG-gaaga iyo noocyada nooca ah ee xuduudaha. Tani waxay ka shaqeyn kartaa IE 6 iyo 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Ogow in tani ay u baahan tahay fasalka si uu u shaqeeyo.

Eeg SVG tusaale tusaala sheyga.

Embed SVG leh Embed Tag

Xul kale oo aad ku haysato SVG waa inaad isticmaasho tag. Waxaad isticmaashaa ku dhawaad ​​sifooyin la mid ah shayga, ooy ku jiraan width <, height, type, iyo codebase>. Farqiga keliya ayaa ah in halkii xogta, waxaad ku dhejin kartaa URL-ka SVG-gaaga src.

Your embed waxay u eg tahay sidan:

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

Talooyin loogu talagalay isticmaalka Gogoldhigga SVG

  • Qodobka mugdiga ah ma ahan mid sax ah oo ah HTML4, laakiin waa mid sax ah HTML5, sidaas darteed haddii aad u isticmaasho bogga HTML4, waa inaad xasuusnaataa in boggaagu uusan ansaxin.
  • Isticmaal magac domain magaciisa oo buuxa ee src attribute si ay ugu wanaagsanaadaan.
  • Waxaa sidoo kale jira warar qaar ka mid ah in la isticmaalo bogga soo dhejinta ee plugin Adobe plugin uu ku burburin doono mozilla 1.0 ilaa 1.4.

Eeg SVG tusaala tusaalaha tusaalaha.

Isticmaal xayiraad si aad u raacdo SVG

Iframes waa hab kale oo sahlan oo lagu dhejiyo sawir SVG bogagaaga . Waxay u baahan tahay oo kaliya saddex sifooyin: wiqiga iyo dhererka sida caadiga ah, iyo src tilmaamaya meesha SVG-gaaga.

Adigaaga ayaa u ekaan doona sidan: