Mar a chuireas tu grafaic SVG air do dhuilleag-lìn

Leigidh Graphics SVG no Vector Scalable dhut dealbhan tòrr nas iom-fhillte a tharraing agus gan toirt air duilleagan lìn. Ach chan urrainn dhut dìreach na tagaichean SVG a ghabhail agus slap iad a-steach do HTML. Cha nochd iad suas agus bidh do dhuilleag neo-dhligheach. An àite sin, feumaidh tu aon de thrì dhòighean-obrach a chleachdadh.

Cleachd an Tag Tag gus SVG a chaidh a chur a-steach

Cuiridh an tag HTML greim air SVG anns an duilleag-lìn agad. Sgrìobhaidh tu an tag object le gnè dàta gus am faidhle SVG a tha thu airson fhosgladh a mhìneachadh. Bu chòir dhut cuideachd feartan leud agus àirde a ghabhail a-steach airson leud agus àirde an ìomhaigh SVG agad (ann am piogsail) a mhìneachadh.

Airson co-chòrdadh thar-bhrabhsair, bu chòir dhut an seòrsa seòrsa, a bu chòir a leughadh:

type = "image / svg + xml"

agus ìre còd airson brabhsairean nach eil a 'toirt taic dha (Internet Explorer 8 agus nas ìsle). Bheireadh an còd-còd agad putain SVG dha brabhsairean nach eil a 'toirt taic do SVG. Is e am plugan as cumanta a th 'ann bho Adobe aig http://www.adobe.com/svg/viewer/install/. Ach, chan eil Adobe a-nis a 'faighinn taic ris a' phutan seo. Is e roghainn eile am plugan Ssrc SVG bho Rannsachadh Bathar-bog Savarese aig http://www.savarese.com/software/svgplugin/.

Bhiodh an nì agad coltach mar seo:

Stiùireadh airson a bhith a 'cleachdadh cuspair airson SVG

  • Dèan cinnteach gu bheil an leud agus an àirde cho mòr cho mòr ris an ìomhaigh a tha thu a 'daingneachadh. A dh 'aindeoin sin, dh' fhaodadh an ìomhaigh agad a ghearradh.
  • Chan fhaod do SVG a bhith air a thaisbeanadh gu ceart mura cuir thu a-steach an seòrsa susbaint cheart (type = "image / svg + xml"), mar sin chan eil mi a 'moladh a fàgail.
  • Faodaidh tu fiosrachadh air ais taobh a-staigh an tag tag airson brabhsairean nach nochd faidhlichean SVG.
  • Faodaidh tu cuideachd stòr do SVG agus an seòrsa susbaint a shuidheachadh ann am paramadairean. Dh'fhaoidte gum bi seo nas fheàrr ann an IE 6 agus 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Thoir fa-near gu bheil feum air seo airson a bhith ag obair.

Seall SVG ann an eisimpleir tag tag.

Cuir a-steach SVG leis a 'Chàis Embed

Is e roghainn eile a th 'agad airson SVG nam measg an tag a chleachdadh. Bidh thu a 'cleachdadh na h-aon buadhan ris a' chlib nì, a 'gabhail a-steach leud <, àirde, seòrsa, agus codebase>. Is e an aon eadar-dhealachadh, an àite dàta, gun cuir thu an sgrìobhainn SVG agad an URL sa ghnè src.

Bhiodh coltas an 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 / viewer / install "/>

Stiùireadh airson a bhith a 'cleachdadh Seadaichte airson SVG

  • Chan eil an tag-inntrigidh dligheach HTML4, ach tha e dligheach HTML5, mar sin ma chleachdas tu e ann an duilleag HTML4, bu chòir dhut cuimhneachadh nach dearbhaich an duilleag agad.
  • Cleachd ainm àrainn iomlan air a bheil ciall anns a 'ghnè src airson an co-fhreagarrachd as fheàrr.
  • Tha cuid de na h-aithisgean ann cuideachd a bhios a 'cleachdadh tag a tha ceangailte ris a' phutan Adobe a 'tubaist tionndaidhean Mozilla 1.0 gu 1.4.

Thoir sùil air SVG ann an eisimpleir tag-ionaid.

Cleachd iframe gus a bhith na SVG

Is e dòigh furasta eile a th 'ann an Ifram gus ìomhaigh SVG a ghabhail a-steach air na duilleagan lìn agad. Chan eil feum ach air trì buadhan: leud agus àirde mar as àbhaist, agus src a 'comharrachadh àite an fhaidhle SVG agad.

Bhiodh an osrame agad a 'coimhead mar seo: