SVG na Scalable Vector Graphics dia ahafahanao mamorona sarimihetsika sarotra kokoa ary asio azy ireo amin'ny pejy web. Saingy tsy azonao atao ny maka ny tenifototra SVG ary mametaka azy ao amin'ny HTML anao. Tsy hipoitra izy ireo ary tsy hisy ny pejy misy anao. Raha tokony ho izany dia tsy maintsy mampiasa fomba iray telo ianao.
Ampiasao ny Tag Objet mba hampidirana SVG
Ny tag HTML dia hametraka sary SVG ao amin'ny pejin-tranonkalanao. Manoratra ny mari-pamantarana miaraka amin'ny toetra iray ianao mba hamaritana ny rakitra SVG tianao hovohana. Tokony hampidirinao koa ny habe sy ny haavon'ny haavony mba hamaritana ny habe sy ny haavon'ny sary SVG (ao anatin'ny pixel).
Ho an'ny fifanaraham-panampin'ny navigateur, tokony ampidirinao ny toetoetran'ny karazana, izay tokony vakiana:
type = "image / SVG + xml"ary codebase ho an'ny navigateur izay tsy manohana azy (Internet Explorer 8 sy ambany). Ny codebase tianao hanondro ny plugin SVG ho an'ny navigateur izay tsy manohana SVG. Ny plugin ampiasaina matetika dia avy amin'i Adobe ao amin'ny http://www.adobe.com/svg/viewer/install/. Na izany aza, ity Plugin ity dia tsy voan'i Adobe intsony. Safidy iray hafa dia ny plugin SVG SVG avy amin'ny Savarese Software Research ao amin'ny http://www.savarese.com/software/svgplugin/.
Ny tanjonao dia toy izao:
>Soso-kevitra amin'ny fampiasana zavatra ho an'ny SVG
- Ataovy azo antoka fa ny habe sy ny haavony dia farafahakeliny toy ny sary entinao. Raha tsy izany, dia mety ho voahelingelina ny sarinao.
- Ny SVG dia mety tsy mampiseho tsara raha tsy misy ny karazana votoaty marina (type = "image / svg + xml"), noho izany dia tsy manoro hevitra ny hamela izany aho.
- Azonao atao ny mampiditra ny fampahalalana diso ao anatin'ny totozy ho an'ny navigateur izay tsy hampiseho ny SVG rakitra.
- Azonao atao koa ny mametraka ny loharanon'ny SVG anao sy ny karazan-tsoratra ao anaty safidy. Mety ho tsara kokoa izany ao amin'ny IE 6 sy 7:
Mariho fa mitaky asa izany hanaovana izany.
Jereo ny SVG amin'ny ohatra asehon'ny totozy.
Ampidiro SVG miaraka amin'ny Tag Embed
Safidy iray hafa anananao ny SVG dia ny mampiasa ny tag. Ampiasao ireo tarehin-javatra mitovy ireo amin'ny totozy, toy ny width <, ny habe, ny karazana, ary ny codebase>. Ny fahasamihafana tokana dia hoe raha tokony asiana angon-drakitra ianao dia mametraka ny adiresy SVG an'ny adiresy ao amin'ny anaran'ny tompony.
Ny fandefasana tahaka izao dia toy izao:
src = "http://your-domain.here/z-circle.svg" width = "210" height = "210" type = "image / svg + xml" codebase = "http://www.adobe.com / svg / viewer / install "/>Torohevitra amin'ny fampiasana ny SVG
- Ny tag embed dia tsy marina HTML4, fa HTML5 marina izany, ka raha mampiasa azy ao amin'ny pejy HTML4 ianao, dia tokony hahatsiaro fa tsy hamarininao ny pejinanao.
- Ampiasao ny anaran'ny sehatra feno iray ao amin'ny anaran'ny src ho an'ny fifanarahana tsara indrindra.
- Misy ihany koa ny tatitra sasany fa ny fampiasana ny tag embed amin'ny adobe plugin dia hamaha ny version 1.0 ka hatramin'ny 1.4 Mozilla.
Jereo ny SVG amin'ny ohatra aseho etsy ambany.
Mampiasà iframe ho SVG
Iframes dia fomba iray hafa ahafahana mampiditra sary SVG ao amin'ny tranonkalanao. Ilaina fotsiny ny toetra telo: ny sakany sy ny avo toy ny mahazatra, ary ny sakana manondro ny toerana misy ny rakitra SVG.
Ny iframe anao dia toy izao: