Kif Tpoġġi Grafika SVG fuq il-Webpage Tiegħek

L-SVG jew il-Grafika tal-Grafija tal-Grafika tavżak tiġbed immaġini ferm aktar kumplessi u tagħmilhom mogħtija fuq il-paġni tal-web. Imma int ma tistax sempliċement tieħu t-tags SVG u slap lilhom f'HTML tiegħek. Huma ma jurux u l-paġna tiegħek tkun invalida. Minflok, għandek tuża wieħed minn tliet metodi.

Uża t-Tikketta tal-Oġġett biex Tinkorpora SVG

It-tikketta HTML ser tinkorpora SVG grafika fil-paġna web tiegħek. Tikteb it-tikketta tal-oġġett b'attribut tad-dejta biex tiddefinixxi l-fajl SVG li trid tiftaħ. Għandek tinkludi wkoll l-attributi tal-wisa 'u l-għoli biex tiddefinixxi l-wisa' u l-għoli tad-dehra SVG tiegħek (f'pilloli).

Għal kompatibilità bejn il-browser, għandek tinkludi l-attribut tat-tip, li għandu jaqra:

tip = "immaġni / svg + xml"

u linja tal-kodiċi għal browsers li ma jappoġġjawhiex (Internet Explorer 8 u aktar baxxi). Il-kodebase tiegħek tindika plugin SVG għal browsers li ma jsostnux SVG. Il-plugin l-aktar użat huwa minn Adobe fuq http://www.adobe.com/svg/viewer/install/. Madankollu, dan il-plugin m'għadux appoġġjat minn Adobe. Għażla oħra hija l-plugin Ssrc SVG minn Savarese Software Research f'www.savarese.com/software/svgplugin/.

L-oġġett tiegħek għandu jidher bħal dan:

Għajnuniet għall-użu ta 'oġġett għal SVG

  • Kun żgur li l-wisa 'u l-għoli huma ta' l-inqas daqs l-immaġni li intom inkorporaw. Inkella, l-immaġni tiegħek tista 'tinqata'.
  • L-SVG tiegħek jista 'ma jurix b'mod korrett jekk ma tinkludix it-tip ta' kontenut korrett (tip = "image / svg + xml"), għalhekk ma nirrakkomandawx li titħalla barra.
  • Tista 'tinkludi informazzjoni ta' riżerva ġewwa t-tikketta ta 'l-oġġett għal browsers li ma jurux fajls SVG.
  • Tista 'wkoll issettja s-sors tal-SVG tiegħek u t-tip ta' kontenut fil-parametri. Dan jista 'jaħdem aħjar fl-IE 6 u 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" wisa '= "110" għoli = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Innota li dan jirrikjedi klassid li jagħmilha taħdem.

Ara SVG f'oġġett ta 'tikketta ta' oġġett.

Imla l-SVG bil-Tag Instab

Għażla oħra li għandek biex tinkludi SVG hija li tuża t-tikketta. Int tuża kważi l-istess attributi bħat-tikketta ta 'l-oġġett, inkluża l-wisa' <, l-għoli, it-tip u l-kodiċi>. L-unika differenza hija li minflok id-data, tqiegħed id-dokument SVG tiegħek URL fl-attribut src.

L-inkorporazzjoni tiegħek tidher bħal din:

src = "http://your-domain.here/z-circle.svg" wisa '= "210" għoli = "210" tip = "image / svg + xml" codebase = "http://www.adobe.com / svg / viewer / install "/>

Għajnuniet għall-użu Embed għal SVG

  • It-tikketta ssodata mhix valida HTML4, iżda hija valida HTML5, hekk jekk tużah f'pannia HTML4, għandek tiftakar li l-paġna tiegħek ma tivvalidax.
  • Uża isem ta 'dominju kompletament ikkwalifikat fl-attribut src għall-aħjar kompatibilità.
  • Hemm ukoll xi rapporti li l-użu tat-tikketta ta 'l-integrazzjoni mal-plugin ta' l-Adobe se toħloq il-verżjonijiet tal-Mozilla verżjonijiet 1.0 sa 1.4.

Ara SVG f'imikketta inserzjoni.

Uża iframe biex Inkludi SVG

Iframes huma mod ieħor faċli biex tiġi inkluża immaġni SVG fuq il-paġni web tiegħek. Hija teħtieġ biss tliet attributi: wisa 'u għoli bħas-soltu, u src li tipponta lejn il-post tal-fajl SVG tiegħek.

Iframe tiegħek ikun jidher bħal dan: