APP中使用SVG后的總結(iOS和Android中使用)

SVG 是一種基于 XML 語法的圖像格式,全稱是可縮放矢量圖(Scalable Vector Graphics),用來描述二維矢量及矢量/柵格圖形。其他圖像格式都是基于像素處理的,SVG 則是屬于對圖像的形狀描述,所以它本質上是文本文件,體積較小,且不管放大多少倍都不會失真。

SVG提供了3種類型的圖形對象:矢量圖形(vectorgraphicshape例如:由直線和曲線組成的路徑)、圖象(image)、文本(text)。圖形對象還可進行分組、添加樣式、變換、組合等操作,特征集包括嵌套變換(nestedtransformations)、剪切路徑(clippingpaths)、alpha蒙板(alphamasks)、濾鏡效果(filtereffects)、模板對象(templateobjects)和其它擴展(extensibility)。SVG圖形是可交互的和動態(tài)的,可以在SVG文件中嵌入動畫元素或通過腳本來定義動畫。

SVG格式的圖片到底有哪些優(yōu)勢?

  • SVG 一般在iOS中現(xiàn)在都會保留2種分辨率的圖片,俗稱2倍圖和3倍圖,SVG一張就夠了

  • SVG 文本獨立,可被非常多的工具讀取和修改(比如記事本)

  • SVG 與 JPEG 和 GIF 圖像比起來,尺寸更小,且可壓縮性更強。

  • SVG 是可伸縮的

  • SVG 超強顯示效果(SVG圖像在屏幕上總是邊緣清晰,它的清晰度適合任何屏幕分辨率和打印分辨率)

  • SVG 超級顏色控制(SVG圖像提供一個1600萬種顏色的調色板)

  • SVG 圖像可在任何的分辨率下被高質量地打印

  • SVG 可在圖像質量不下降的情況下被放大

  • SVG 圖像中的文本是可選的,同時也是可搜索的(很適合制作地圖)

  • SVG 可以與 JavaScript 技術一起運行

  • SVG 是開放的標準

  • SVG 文件是純粹的 XML

  • SVG 交互更加智能化 (具有交互性和動態(tài)性)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 代碼優(yōu)化永遠是程序員亙古不變的需求,而合理的利用SVG圖片來代替部分PNG/JPG等格式的圖片則是前端優(yōu)化重要的一...
    周小肆閱讀 2,691評論 0 10
  • 今天我在看某腦SVG視頻和網上查資料時,發(fā)現(xiàn)了和某位大佬的寫文章的某種巧合(報以微妙的笑容)。因為強迫癥,所以我想...
    仁昌居士閱讀 5,025評論 0 11
  • 圖片各種格式全解析 前言 隨著web的發(fā)展,網站資源的流量也變得越來越大。據統(tǒng)計,60% 的網站流量均來自網站圖片...
    勿忘巛心安閱讀 1,116評論 0 1
  • 圖像(image) 常用的圖像文件存儲格式: CDR格式 該格式是CoreDraw軟件專用的一種圖形文件存儲格式;...
    我才不是稻草人閱讀 1,743評論 0 0
  • 暑假開始了,我和小墨也進入了最長假期,而我其中的一個計劃就是進一步完善《成長的足跡——子墨文集》,這本文集是小墨從...
    一玄子閱讀 778評論 4 4

友情鏈接更多精彩內容