Otu esi etinye SVG eserese na ibe weebụ

SVG ma ọ bụ Scalable Vector Graphics ka ị na-ese ọtụtụ ihe mgbagwoju anya ma mee ka ha sụgharịa na ibe weebụ. Ma i nweghi ike iburu mkpado SVG ma wepu ha n'ime HTML. Ha agaghị egosi na ibe gị agaghị adị mma. Kama nke ahụ, ị ​​ga-eji otu n'ime ụzọ atọ.

Jiri Ihe Nkume Ihe na Embed SVG

Mkpado HTML ga-etinye ihe osise SVG na ibe weebụ gị. Ị dee akara ihe ahụ na njirimara data iji kọwaa faịlụ SVG ịchọrọ imeghe. Ịkwesịrị ịgụnye obosara na ịdị elu dị iche iche iji kọwaa obosara na ịdị elu nke foto SVG gị (na pixels).

Maka ntụgharị njikọ-cross, ị ga-agụnye àgwà ụdị, nke kwesịrị ịgụ:

ụdị = "image / svg + xml"

na codebase maka nchọgharị ndị na-adịghị akwado ya (Internet Explorer 8 na ala). Gị codebase ga-ezo aka na SVG ngwa mgbakwunye maka nchọgharị na-adịghị akwado SVG. Ngwaọrụ kachasị ejiji bụ Adobe na http://www.adobe.com/svg/viewer/install/. Otú ọ dị, Adobe adịghị akwado Adobe. Ihe ọzọ bụ Ssrc SVG ngwa mgbakwunye site na Savarese Software Research na http://www.savarese.com/software/svgplugin/.

Ihe gi ga - adi ka nkea:

Atụmatụ maka Iji ihe maka SVG

  • Jide n'aka na obosara na elu dị ma ọ dịkarịa ala dị ka nnukwu ihe oyiyi ị na-etinye. Ma ọ bụghị ya, ihe oyiyi gị nwere ike ibelata.
  • SVG gị nwere ike ọ gaghị egosipụta n'ụzọ ziri ezi ma ọ bụrụ na i tinyeghị ụdị ọdịnaya ziri ezi (ụdị = "image / svg + xml"), yabụ na anaghị m akwado ịhapụ ya.
  • Ị nwere ike ịgụnye ozi ọdịda n'ime ihe mkpado maka ihe nchọgharị ndị na-agaghị egosipụta faịlụ SVG.
  • Ị nwekwara ike ịtọ ntọala SVG na ụdị ọdịnaya ahụ na ntinye. Nke a nwere ike ịrụ ọrụ nke ọma na IE 6 na 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" elu = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Rịba ama na nke a chọrọ nkata ka ọ rụọ ọrụ.

Lelee SVG na ihe nlele ihe.

Embed SVG na Embed Tag

Nhọrọ ọzọ ị nwere maka itinye SVG bụ iji mkpado. Ị na-eji ihe dị ka njirimara ndị ahụ dị ka mkpado ihe, gụnyere obosara <, elu, ụdị, na codebase>. Nanị ihe dị iche bụ na kama data, ị na-etinye akwụkwọ SVG URL gị na src agwa.

Gị ntinye ga - adị ka nke a:

src = "http://your-domain.here/z-circle.svg" width = "210" height = "210" type = "image / svg + xml" codebase = "http://www.adobe.com / svg / onye nlele / wụnye "/>

Atụmatụ maka Iji Embed maka SVG

  • Ihe ntinye aka abughi nti HTML4, ma o bu HTML5 ziri ezi, ya mere oburu na i jiri ya na peeji HTML4, i kwesiri icheta na akwukwo gi agaghi achoro.
  • Jiri ngalaba aha zuru ezu na-ede aha na src attribute nke kachasị mma.
  • Enwekwara ụfọdụ akụkọ na iji akara embed na Adobe plugin ga-emebi Mozilla nsụgharị 1.0 ruo 1.4.

Lelee SVG na ihe ntinye akara.

Jiri mpempe akwụkwọ na-agụnye SVG

Iframes bụ ụzọ ọzọ dị mfe iji tinye SVG oyiyi na ibe weebụ gị. Ọ na-achọ njirimara atọ: obosara na ịdị elu dị ka ọ dị na mbụ, na src na-arụtụ aka na ọnọdụ nke faịlụ SVG gị.

Ọ bụrụ na ị na -