Mmene Mungaike SVG Graphics pa Webusaiti Yanu

SVG kapena Zojambula Zojambula Zowonongeka zimakulolani kujambulira zithunzi zovuta kwambiri ndikuzipanga izo pamasamba. Koma simungakhoze kungotenga matepi a SVG ndikuwaponyera mu HTML yanu. Sadzawonetsa ndipo tsamba lanu lidzakhala losavomerezeka. M'malo mwake, muyenera kugwiritsa ntchito njira imodzi.

Gwiritsani ntchito Tag Tags kuti S Embed SVG

Tsambali la HTML lidzalowetsa zithunzi za SVG patsamba lanu la intaneti. Mukulemba chilembo cha chinthu ndi deta kuti mufotokoze fayilo la SVG mukufuna kutsegula. Muyeneranso kuphatikizapo zigawo zapakati ndi kutalika kuti mudziwe kukula ndi kutalika kwa chithunzi chanu cha SVG (mu pixel).

Kwa kufanana ndi osakondera pamtundu, muyenera kuphatikizapo chikhalidwe cha mtundu, chomwe chiyenera kuwerengedwa:

mtundu = "chithunzi / svg + xml"

ndi codebase kwa osatsegula omwe samachirikiza (Internet Explorer 8 ndi m'munsi). Codebase yanu ikhoza kuwonetsera plugin ya SVG kwa osatsegula omwe sagwirizane ndi SVG. Chizindikiro chogwiritsidwa ntchito kwambiri chimachokera ku Adobe pa http://www.adobe.com/svg/viewer/install/. Komabe, pulojekiti iyi silithandizidwa ndi Adobe. Njira ina ndi Ssrc SVG plugin kuchokera ku Savarese Software Research pa http://www.savarese.com/software/svgplugin/.

Chinthu chanu chimawoneka ngati ichi:

Malangizo Ogwiritsa ntchito chinthu cha SVG

  • Onetsetsani kuti m'lifupi ndi msinkhu ndi zazikulu monga chithunzi chomwe mukujambulira. Apo ayi, fano lanu likhoza kutsekedwa.
  • SVG yanu silingasonyeze molondola ngati simukuphatikizira mtundu woyenera (mtundu = "image / svg + xml"), kotero sindikupangitsani kuti ndizisiye.
  • Mungaphatikizepo chidziwitso chotsikira mkati mwa chizindikiro cha chinthu kwa osatsegula omwe sangawonetse mafayilo a SVG.
  • Mungathe kukhazikitsanso magwero a SVG yanu ndi mawonekedwe anu mu magawo. Izi zingagwire ntchito bwino mu IE 6 ndi 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Dziwani kuti izi zimafuna kuti pakhale gulu loti ligwire ntchito.

Onani SVG muchitsanzo chotsatira chinthu.

Sakanizani SVG ndi Embed Tag

Njira ina yomwe mungakhale nayo kuphatikizapo SVG ndiyo kugwiritsa ntchito tag. Mumagwiritsa ntchito zizindikilo zomwezo monga chinthu chojambulidwa, kuphatikizapo width <, kutalika, mtundu, ndi codebase>. Kusiyana kokha ndiko kuti mmalo mwa deta, mumayika URL yanu ya chilolezo ku Src.

Kupaka kwanu kukuwoneka ngati:

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

Malangizo Ogwiritsira Ntchito Pachimake kwa SVG

  • Cholemba cha embed si chovomerezeka HTML4, koma ndi HTML5, choncho ngati mumagwiritsa ntchito tsamba la HTML4, muyenera kukumbukira kuti tsamba lanu silidzavomerezeka.
  • Gwiritsani ntchito dzina lachidziwitso chodziwika bwino pa chidziwitso chabwino chogwirizana bwino.
  • Palinso mauthenga ena akuti kugwiritsa ntchito chidindo cha embed ndi Adobe plugin chiwononge Mozilla mazokoma 1.0 mpaka 1.4.

Onani SVG muchitsanzo cholowera.

Gwiritsani ntchito iframe kuphatikizapo SVG

Mafayilo ndi njira yowonjezereka yowonjezera chithunzi cha SVG pamasamba anu. Zimangotengera zizindikiro zitatu: m'lifupi ndi msinkhu monga mwachizolowezi, ndipo src ikulozera malo a fayilo yanu ya SVG.

Fayilo yanu idzawoneka ngati iyi: