Conas Grafaic SVG a chur ar do leathanach Gréasáin

Ligeann Grafaic Veicteoir SVG nó Inscálaithe ligean duit íomhánna i bhfad níos casta a tharraingt agus iad a thabhairt ar leathanaigh ghréasáin. Ach ní féidir leat na clibeanna SVG a ghlacadh ach iad a chur isteach i do HTML. Ní thaispeánfaidh siad suas agus beidh do leathanach neamhbhailí. Ina áit sin, caithfidh tú ceann de thrí mhodh a úsáid.

Bain úsáid as an Clib Réada chun SVG a Nascadh

Cuirfidh an clib HTML grafach SVG le chéile i do leathanach gréasáin. Scríobhann tú an chlib réad le tréith sonraí chun an comhad SVG a theastaíonn uait a oscailt. Ba cheart duit tréithe leithead agus airde a áireamh freisin chun leithead agus airde do íomhá SVG (i pixel) a shainmhíniú.

Le haghaidh comhoiriúnacht tras-bhrabhsálaí, ba cheart duit an tréith cineál a chur san áireamh, ar chóir léi a léamh:

type = "image / svg + xml"

agus códchód do bhrabhsálaithe nach dtacaíonn sé (Internet Explorer 8 agus níos ísle). Chuirfeadh do chódchód béim ar bhreiseán SVG do bhrabhsálaithe nach dtacaíonn SVG leo. Is é an breiseán is coitianta a úsáidtear ó Adobe ag http://www.adobe.com/svg/viewer/install/. Mar sin féin, níl Adobe breise ag tacú leis an breiseán seo. Is rogha eile é an breiseán Ssrc SVG ó Savarese Software Research ar http://www.savarese.com/software/svgplugin/.

Bheadh ​​cuma ar do réad mar seo:

Leideanna chun réad a úsáid le haghaidh SVG

  • Déan cinnte go bhfuil an leithead agus an airde chomh mór ar a laghad leis an íomhá atá tú ag leabú. Seachas sin, d'fhéadfaí do íomhá a bheith clipped.
  • Ní fhéadfaidh do SVG a thaispeáint i gceart mura gcuirfidh tú an cineál ábhar ceart (cineál = "image / svg + xml"), mar sin ní mhol liom é a fhágáil amach.
  • Is féidir leat eolas aisghabhála a áireamh taobh istigh den chlib réadmhaoine do bhrabhsálaithe nach nochtfar comhaid SVG.
  • Is féidir leat foinse do SVG agus an cineál ábhar a leagan síos i bparaiméadar freisin. D'fhéadfadh sé seo níos fearr a bheith ag obair i IE 6 agus 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Tabhair faoi deara go n-éilíonn sé seo go n-oibríonn sé.

Féach SVG i sampla tag tag.

Uaslódáil SVG leis an gClib Nascadh

Rogha eile atá agat le SVG san áireamh ná an clibe a úsáid. Bain úsáid as na tréithe céanna a bhaineann leis an gclib réad, lena n-áirítear leithead <, airde, cineál, agus codebase>. Is é an t-aon difríocht ná go gcuireann tú do URL doiciméid SVG sa tréith src seachas ionad na sonraí.

Bheadh ​​an chuma seo mar seo:

src = "http://your-domain.here/z-circle.svg" width = "210" height = "210" type = "image / svg + xml" codebase = "http://www.adobe.com / svg / breathnóir / shuiteáil "/>

Leideanna le húsáid Nasc a bhaint as SVG

  • Níl HTML4 bailí sa chlib neadaithe, ach tá sé bailí HTML5, mar sin má úsáideann tú é i leathanach HTML4, ba cheart duit cuimhneamh nach ndéanfar do leathanach a bhailíochtú.
  • Bain úsáid as ainm fearainn go hiomlán ciallmhar sa tréith src chun an comhoiriúnacht is fearr.
  • Tá roinnt tuarascálacha ann freisin go ndéanfaidh an breiseán Adobe úsáid a bhaint as an gclib leabaithe le breosla leaganacha Mozilla 1.0 go 1.4.

Féach SVG i sampla de chlib neadaithe.

Bain úsáid as iframe chun SVG a chur san áireamh

Is bealach éasca é Iframes íomhá SVG a chur ar do leathanaigh ghréasáin. Ní mór ach trí tréithe: leithead agus airde de réir mar is gnách, agus tá sé ag díriú ar shuíomh do chomhad SVG.

Bheadh ​​cuma mar seo do dorame: