Pehea e kau ai i nā polokalamu SVG ma kāu Pūnaewele

Na SVG a iʻole nā ​​kiʻi kiʻi kiʻi maʻalahi e hoʻokuʻu i nā kiʻi nui aʻoi aʻe ma nā pūnaewele pūnaewele. Akā,ʻaʻole hiki iāʻoe ke lawe wale i nā inoa SVG a paʻi iā lākou i loko o kāu HTML. ʻAʻole lākou e hōʻike aʻikeʻoleʻia kāuʻaoʻao. Akā, ponoʻoe e hoʻohana i kekahi o nāʻanoʻekolu.

E hoʻohana i ka Tag Kiʻi e hoʻokomo iā SVG

E hoʻokomo ka HTML tag i kahi mea hōʻike SVG ma kāu pūnaewele pūnaewele. Kākauʻoe i ka tag mea me kahi pūnaeweleʻike e ho'ākāka i ka kōnae SVG āu e makemake ai e wehe. Ponoʻoe e komo i ka laulā a me nā kiʻekiʻe e hoʻohālike i ka whānui a me ke kiʻekiʻe o kāu kiʻi SVG (i nā pixels).

No kaʻoluʻolu cross-browser, ponoʻoe e hoʻokomo i ka inoaʻano, pono e heluhelu:

type = "kiʻi / svg + xml"

a me kahi pūnaewele no nā polokalamu kele pūnaewele iʻole e kākoʻo iā ia (Internet Explorer 8 a me lalo). Ke kuhikuhi nei kāu kaukaena i kahi polokalamu SVG no nā polokalamu kele pūnaewele iʻole e kākoʻo iā SVG. ʻO ka pūnaeweleʻoi loa i hoʻohanaʻia ma Adobe ka http://www.adobe.com/svg/viewer/install/. Akā,ʻaʻole i kākoʻo houʻia kēia plugin e Adobe. ʻO kekahi kumu'ē aʻeʻo ka plugin Ssrc SVG mai ka polokalamu Research Savarese ma http://www.savarese.com/software/svgplugin/.

Penei kāu mea e like ai:

Nā kōkua no ka hoʻohanaʻana i kahi no SVG

  • E hōʻoia i ka nui a me ka kiʻekiʻe me ka nui e like me ke kiʻi e hoʻopihaʻia ana. Ināʻole, hiki ke weheʻia kāu kiʻi.
  • ʻAʻole hiki i kāu SVG ke hōʻike pololei ināʻaʻoleʻoe i hoʻokomo i ka'enehi kikowaena pololei (type = "image / svg + xml"), no lailaʻaʻole au e'ōlelo e haʻalele i kahi.
  • Hiki iāʻoe ke hoʻokomo i kaʻike o ka hōʻailona ma loko o ka helu inoa no nā mea nānā keʻole e hōʻike i nā faila SVG.
  • Hiki iāʻoe ke hoʻonohonoho i ke kumu o kāu SVG a me kaʻano kikowaena i nā kikowaena. Hiki ke hana maikaʻi ma ka IE 6 a me 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" kiʻekiʻe = "60" codebase = "http://www.savarese.com/software/svgplugin/">

E hoʻomaopopo he pono kēia no ka hanaʻana.

E nānā i kahi SVG ma kahi hōʻailona mea hoʻolālā.

E hoʻokomo iā SVG me ka Tag Tag

ʻO kekahi koho āu i loaʻa no ka hoʻokomoʻana iā SVG e hoʻohana i ka inoa. Hoʻohanaʻoe i nāʻano like like me ka helu inoa, me ka laulā <, kiʻekiʻe, keʻano, a me ke codebase>. ʻO ka mea likeʻole ma kahi o kaʻikepili, kauʻoe i kāu palapala SVG URL ma ka attribute src.

Ke nānā aku nei kāu kolo:

src = "http://your-domain.here/z-circle.svg" width = "210" kiʻekiʻe = "210" type = "kiʻi / svg + xml" codebase = "http://www.adobe.com / svg / nānā / hoʻokomo "/>

Nā kōkua no ka hoʻohanaʻana i ka hoʻokomo no SVG

  • ʻAʻole ka HTML4 i hoʻokomoʻia ka inoa inoa, akā he HTML5 pono ia, no laila inā hoʻohanaʻoe i kahi HTML4ʻaoʻao, ponoʻoe e hoʻomanaʻoʻaʻole kāu palapala e hoʻokūpaʻa.
  • E hoʻohana i kahi inoa'āina i hoʻohuiʻia i ka inoa src no ka ponoʻoi aku.
  • Aia kekahi mau moʻolelo e hoʻohana ana i ka hōʻailona pūnaewele me ka polokalamu Adobe i ka paʻiʻana o Mozilla versions 1.0 i 1.4.

E nānā i kahi SVG ma kahi hōʻailona hoʻokomo.

E hoʻohana i kahi pūnaewele e hoʻokomo i ka SVG

Inā heʻokoʻa'ē aʻe keʻano o Iframes i kahi kiʻi SVG ma kāu mau pūnaewele pūnaewele. E koi wale iʻekolu mau 'ano: ka laulā a me ke kiʻekiʻe e like me nā mea maʻamau, a kuhikuhi i kahi o kāu pūnae SVG.

Ke nānā aku nei kāu pēpē penei: