Faʻafefea ona tuʻu SVG Graphics i luga o Lau Upega Tafaʻilagi

SVG poʻo Scalable Vector Graphics e faʻatagaina oe e tusi ata sili atu ona lavelave ma tuʻuina atu i luga o itulau uepi. Ae e le mafai ona e faʻaaogaina igoa SVG ma fusi i totonu o lau HTML. Latou te le faʻaalia ma o le a le aoga lau itulau. Ae, e tatau ona e faʻaaoga se tasi o auala e tolu.

Faʻaaoga le Faʻailoga Faʻailoga e Auina SVG

O le HTML tag o le a faʻapipiʻi ai se ata SVG i lau 'upega tafaʻilagi. E te tusia le mea faitino i se uiga faʻamatalaga e faʻamatala ai le faila SVG e te manaʻo e tatala. E tatau foi ona e aofia ai le lautele ma le maualuga uiga e faamatala ai le lautele ma le maualuga o lau ata SVG (i pika).

Mo fetaulaiga ole cross-browser, e tatau ona aofia ai le igoa o le ituaiga lea e tatau ona faitauina:

type = "image / svg + xml"

ma se codebase mo tagata sailiili e le lagolagoina (Internet Explorer 8 ma lalo). O lau tuʻufaʻatasia o le a faasino atu i se faʻapipiʻi SVG mo tagata suʻesuʻe e le lagolagoina SVG. O le masini sili ona faʻaaogaina e mai le Adobe i le http://www.adobe.com/svg/viewer/install/. Ae peitai, e le o lagolagoina e le Adobe lea mono. O le isi filifiliga o le Ssrc SVG mai le Savarese Software Research i le http://www.savarese.com/software/svgplugin/.

O lau mea faitino e foliga faapenei:

Fautuaga mo le Faʻaaogaina o mea mo le SVG

  • Ia mautinoa o le lautele ma le maualuga e sili atu ma lautele e pei o le ata o loʻo e faʻamaeʻaina. A leai, atonu o le a vavae lou ata.
  • O lau SVG e le mafai ona faʻaalia saʻo pe afai e te le aofia ai le ituaiga sao o le anotusi (type = "image / svg + xml"), o lea ou te le fautuaina ai e tuu ese.
  • E mafai ona e aofia ai faamatalaga i tua o le mea faitino mo tagata sailiili e le faʻaalia ai le SVG faila.
  • E mafai foi ona e setiina le punavai o lau SVG ma le ituaiga o mataupu i totonu o parakalafa. Atonu e sili atu ona lelei le IE 6 ma le 7:
vasega lua = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" lautele = "110" maualuga = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Manatua o lenei mea e manaʻomia ai se vasega e faʻaaoga ai.

Vaʻai se SVG i se faʻataʻitaʻiga o faʻataʻitaʻiga.

Faʻapipiʻi le SVG ma le Faʻailoga Faʻailoa

O le isi filifiliga oe i ai mo le faaaofia ai o le SVG o le faʻaaoga lea o le pine. E te faʻaaoga toetoe lava tutusa uiga e pei o le mea faitino, e aofia ai lautele <, maualuga, ituaiga, ma le codebase>. Pau lava le eseesega o le ae le o faʻamaumauga, ua e tuʻu lau SVG pepa URL i le src attribute.

O lau faʻalelei o le a pei o lenei:

src = "http://your-domain.here/z-circle.svg" width = "210" height = "210" type = "image / svg + xml" codebase = "http://www.adobe.com / svg / matamata / afifi "/>

Fautuaga mo le Faʻaaogaina o le Fusi mo le SVG

  • E le HTML4 le pepa faʻapipiʻi, ae o le HTML5 e talafeagai, o lea afai e te faʻaaogaina i le itulau HTML4, e tatau ona e manatua o lau itulau e le faʻamaonia.
  • Faʻaaoga le igoa ole igoa atoa i le uiga src mo le fetaui lelei.
  • E i ai foi nisi lipoti o le faʻaaogaina o le pulou faʻatasi ma le Adobe plugin o le a faʻaleagaina ai le Mozilla version 1.0 i le 1.4.

Vaʻai i se SVG i se faʻataʻitaʻiga o faʻataʻitaʻiga.

Faʻaaoga se mea e faʻaaoga ai le SVG

Afai o le Iframes o se isi auala faigofie e aofia ai se ata SVG i lau itulau. E naʻo le manaʻomia o uiga e tolu: lautele ma le maualuga e pei ona masani ai, ma le src e faasino i le nofoaga o lau faila SVG.

O lau tama e foliga mai: