SVG圖片格式英文全稱“Scalable Vector Graphics”,意思為可縮放的矢量圖形??赡芷綍r(shí)我們都使用JPG、PNG、GIF圖像格式,完全沒(méi)用過(guò)SVG,這都很正常,但有時(shí)你在網(wǎng)頁(yè)上發(fā)現(xiàn)別人網(wǎng)站上的圖標(biāo),無(wú)論怎么縮小放大都不變形,當(dāng)你覺(jué)得神奇的時(shí)候,你就會(huì)發(fā)覺(jué)這是一個(gè)SVG圖像,才會(huì)去了解它、使用它。
SVG圖像大的優(yōu)點(diǎn)是可以用任何文字編輯工具編輯,通過(guò)代碼來(lái)描繪圖像和讓圖片具有動(dòng)態(tài)效果,還可以插入到網(wǎng)頁(yè)上。
SVG優(yōu)點(diǎn)如下:1、可被所有文本編輯器編輯;
2、文件小,可壓縮性好;
3、圖片可伸縮;
4、可在任何的分辨率下被高質(zhì)量地打?。?br />5、可以與 JavaScript 技術(shù)一起運(yùn)行;
6、文件是純粹的 XML,是開(kāi)放的標(biāo)準(zhǔn);
7、隨著瀏覽器的升級(jí),現(xiàn)如今大部分瀏覽器都支持顯示。
如何插入SVG到網(wǎng)頁(yè)中1、使用標(biāo)簽embed
標(biāo)簽被所有主流的瀏覽器支持,并允許使用腳本。
2、使用標(biāo)簽object
標(biāo)簽是 HTML 4 的標(biāo)準(zhǔn)標(biāo)簽,被所有較新的瀏覽器支持。它的缺點(diǎn)是不允許使用腳本。
3、使用標(biāo)簽iframe
標(biāo)簽可工作在大部分的瀏覽器中。
SVG圖像如何制作?可以使用Illustrator制作SVG文件,還可以直接修改代碼
SVG在網(wǎng)頁(yè)上大的應(yīng)用是可變大變小而且不模糊,其次就是文件比較小。特別適合
響應(yīng)式網(wǎng)站制作
。
本文題目:網(wǎng)站制作圖片格式SVG介紹
鏈接URL:http://jinyejixie.com/news32/243332.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、網(wǎng)站建設(shè)、網(wǎng)站改版、標(biāo)簽優(yōu)化、微信公眾號(hào)、網(wǎng)頁(yè)設(shè)計(jì)公司
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)