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中現在都會保留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)性)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末兜粘,一起剝皮案震驚了整個濱河市申窘,隨后出現的幾起案子,更是在濱河造成了極大的恐慌孔轴,老刑警劉巖剃法,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異路鹰,居然都是意外死亡玄窝,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門悍引,熙熙樓的掌柜王于貴愁眉苦臉地迎上來恩脂,“玉大人,你說我怎么就攤上這事趣斤×┛椋” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵浓领,是天一觀的道長玉凯。 經常有香客問我,道長联贩,這世上最難降的妖魔是什么漫仆? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮泪幌,結果婚禮上盲厌,老公的妹妹穿的比我還像新娘。我一直安慰自己祸泪,他們只是感情好吗浩,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著没隘,像睡著了一般懂扼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上右蒲,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天阀湿,我揣著相機與錄音,去河邊找鬼瑰妄。 笑死陷嘴,一個胖子當著我的面吹牛,可吹牛的內容都是我干的翰撑。 我是一名探鬼主播罩旋,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼啊央,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了涨醋?” 一聲冷哼從身側響起瓜饥,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎浴骂,沒想到半個月后乓土,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡溯警,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年趣苏,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片梯轻。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡食磕,死狀恐怖,靈堂內的尸體忽然破棺而出喳挑,到底是詐尸還是另有隱情彬伦,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布伊诵,位于F島的核電站单绑,受9級特大地震影響,放射性物質發(fā)生泄漏曹宴。R本人自食惡果不足惜搂橙,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望笛坦。 院中可真熱鬧区转,春花似錦、人聲如沸弯屈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽资厉。三九已至,卻和暖如春蔬顾,著一層夾襖步出監(jiān)牢的瞬間宴偿,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工诀豁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留窄刘,地道東北人。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓舷胜,卻偏偏與公主長得像娩践,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內容

  • 代碼優(yōu)化永遠是程序員亙古不變的需求翻伺,而合理的利用SVG圖片來代替部分PNG/JPG等格式的圖片則是前端優(yōu)化重要的一...
    周小肆閱讀 1,964評論 0 10
  • 今天我在看某腦SVG視頻和網上查資料時材泄,發(fā)現了和某位大佬的寫文章的某種巧合(報以微妙的笑容)。因為強迫癥吨岭,所以我想...
    仁昌居士閱讀 4,636評論 0 11
  • 一拉宗、背景 由于android 碎片化嚴重,對于不同型號手機辣辫、不同屏幕分辨率的適配旦事,就顯得異常艱難了。一般的做法是切...
    corabsins閱讀 3,181評論 1 2
  • 圖片各種格式全解析 前言 隨著web的發(fā)展急灭,網站資源的流量也變得越來越大姐浮。據統(tǒng)計,60% 的網站流量均來自網站圖片...
    勿忘巛心安閱讀 1,025評論 0 1
  • 圖像(image) 常用的圖像文件存儲格式: CDR格式 該格式是CoreDraw軟件專用的一種圖形文件存儲格式葬馋;...
    我才不是稻草人閱讀 1,588評論 0 0