随着終端設備的屏幕越來越大,分辨率越來越高導緻對于軟件開發的圖片清晰度要求也是越來也高。以前我們采用的圖片一個是位圖格式(PNG、GIF 和 JPEG)的,這類型圖片缺點是放大會失真,所以圖片越做越大動則幾百KB一張的越來越多,嚴重浪費用戶流量,影響加載速度。同樣一個2048x2048的圖片,位圖的話大小為幾十到幾百KB,而SVG卻隻要幾KB,所以越來越多項目都開始部分簡單的圖片使用svg了。
本題答案參考:
SVG可縮放矢量圖形( Scalable Vector Graphics )是基于可擴展标記語言( XML ),用于描述二維矢量圖形的一種圖形格式。 SVG 是W3C('World Wide Web ConSortium' 即 ' 國際互聯網标準組織 ') 在 2000 年 8 月制定的一種新的二維矢量圖形格式,也是規範中的網絡矢量圖形标準。 SVG 嚴格遵從 XML 語法,并用文本格式的描述性語言來描述圖像内容,因此是一種和圖像分辨率無關的矢量圖形格式。 SVG 于 2003 年 1 月14 日成為 W3C 推薦标準。
特點:
(1)任意放縮
用戶可以任意縮放圖像顯示,而不會破壞圖像的清晰度、細節等。
(2)文本獨立
SVG圖像中的文字獨立于圖像,文字保留可編輯和可搜尋的狀态。也不會再有字體的限制,用戶系統即使沒有安裝某一字體,也會看到和他們制作時完全相同的畫面。
(3)較小文件
總體來講,SVG文件比那些 GIF 和 JPEG 格式的文件要小很多,因而下載也很快。
(4)超強顯示效果
SVG圖像在屏幕上總是邊緣清晰,它的清晰度适合任何屏幕分辨率和打印分辨率。
(5)超級顔色控制
SVG圖像提供一個 1600 萬種顔色的調色闆,支持 ICC 顔色描述文件标準、 RGB 、線 X 填充、漸變和蒙版。
(6)交互 X 和智能化。 SVG 面臨的主要問題一個是如何和已經占有重要市場份額的矢量圖形格式 Flash 競争的問題,另一個問題就是 SVG 的本地運行環境下的廠家支持程度。
浏覽器支持:
Internet Explorer9,火狐,谷歌 Chrome , Opera 和 Safari 都支持 SVG 。
IE8和早期版本都需要一個插件 - 如 Adobe SVG 浏覽器,這是免費提供的。
關注我們每天獲得精品面試題!!!!
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!