iOS SVGKit的使用

svg 可縮放的矢量圖形

SVG 可伸縮矢量圖形 (Scalable Vector Graphics)

SVG 文件是純粹的 XML

SVG 圖像在放大或改變尺寸的情況下其圖形質(zhì)量不會(huì)有所損失


iOS 中使用SVG的使用

1. .svg 是純粹的XML焦辅,所以iOS中可以用 UIWebView來加載

具體如下:

NSString *svgName = @"svg名稱";

NSString *svgPath = [[NSBundle mainBundle] pathForResource:svgName ofType:nil];

NSData *svgData = [NSData dataWithContentsOfFile:svgPath];

NSString *reasourcePath = [[NSBundle mainBundle] resourcePath];

NSURL *baseUrl = [[NSURL alloc] initFileURLWithPath:reasourcePath isDirectory:true];

UIWebView *webView = [[UIWebView alloc] init];

webView.frame = CGRectMake(0, 0, width, height);

[webView loadData:svgData MIMEType:@"image/svg+xml" textEncodingName:@"UTF-8" baseURL:baseUrl];

這樣就看到了你想看到滴

如果想要交互并且放大縮小违寿,難度就大了,然后我就百度了下役电,發(fā)現(xiàn)了個(gè)好東西SVGKit

2. SVGKit的使用

首先苗傅,得導(dǎo)入

a 從https://github.com/SVGKit/SVGKit下載demo(github上有導(dǎo)入過程瞧柔,但是很多問題)

b 打開 “SVGKit-iOS.xcodeproj”

c cmd-B 編譯

d 然后

e 選擇 Debug-universal / Release-universal 中的 libSVGKit-iOS.2.x.x.a文件 和 usr文件夾扳埂,拖入到你的項(xiàng)目中

注意:如果想要 Debug文件容为,需要在 Xcode-Edit Scheme 中選擇 Debug;

如果想要 Release文件,需要在 Xcode-Edit Scheme 中選擇 Release


f 設(shè)置下環(huán)境

f1. 在 Build Settings 中隔箍,"Other Linker Flags" 加上 -ObjC

f2. 在 Build Phases 中田轧,添加 CoreText / CoreImage/ libxml2.dylib/ QuartzCore/ CoreGraphics/ UIKit?

f3. 找到下圖文件夾,將 你需要適配的 拖入你的項(xiàng)目中

f4. 按照步驟添加 CocoaLumberjack.framework

到此為止鞍恢,編譯運(yùn)行OK,導(dǎo)入成功

然后,該使用了

a 導(dǎo)入頭文件

?#import "SVGKit.h"

#import "SVGKImage.h"

#import "SVGKParser.h"

b 使用

NSString *svgName = @"svgName";

SVGKImage *svgImage = [SVGKImage imageNamed:svgName];

SVGKLayeredImageView *svgView = [[SVGKLayeredImageView alloc] initWithSVGKImage:svgImage];

svgView.backgroundColor = clearColor;

大功告成0锏簟O蚁ぁ!

3 交互放大縮小

a 放大縮小的話蟆炊,直接把 SVGImage 添加到 UIScrollView 上

b 交互的話稽莉,直接把 SVGImage 當(dāng)成 UIView 使用就行,可以在上面隨意添加 控件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末涩搓,一起剝皮案震驚了整個(gè)濱河市污秆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌昧甘,老刑警劉巖良拼,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異充边,居然都是意外死亡庸推,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門浇冰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來贬媒,“玉大人,你說我怎么就攤上這事肘习〖食耍” “怎么了?”我有些...
    開封第一講書人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵漂佩,是天一觀的道長脖含。 經(jīng)常有香客問我,道長仅仆,這世上最難降的妖魔是什么器赞? 我笑而不...
    開封第一講書人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮墓拜,結(jié)果婚禮上港柜,老公的妹妹穿的比我還像新娘。我一直安慰自己咳榜,他們只是感情好夏醉,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著涌韩,像睡著了一般畔柔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上臣樱,一...
    開封第一講書人閱讀 49,079評(píng)論 1 285
  • 那天靶擦,我揣著相機(jī)與錄音腮考,去河邊找鬼。 笑死玄捕,一個(gè)胖子當(dāng)著我的面吹牛踩蔚,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播枚粘,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼馅闽,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了馍迄?” 一聲冷哼從身側(cè)響起福也,我...
    開封第一講書人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎攀圈,沒想到半個(gè)月后暴凑,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡量承,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年搬设,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片撕捍。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡拿穴,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出忧风,到底是詐尸還是另有隱情默色,我是刑警寧澤,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布狮腿,位于F島的核電站腿宰,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏缘厢。R本人自食惡果不足惜吃度,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望贴硫。 院中可真熱鬧椿每,春花似錦、人聲如沸英遭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽挖诸。三九已至汁尺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間多律,已是汗流浹背痴突。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來泰國打工搂蜓, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人苞也。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓洛勉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親如迟。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • Swift版本點(diǎn)擊這里歡迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh閱讀 25,290評(píng)論 7 249
  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一種新的協(xié)議玲销。它實(shí)...
    香橙柚子閱讀 23,726評(píng)論 8 183
  • 有些事 有些人 我以為我永不會(huì)忘記 可事實(shí)證明 已經(jīng)不曾想起 自己安好 幸福定會(huì)常在
    為靑?閱讀 100評(píng)論 0 0
  • 我們,其實(shí)沒有太多的交流摘符,卻結(jié)合在了一起贤斜,他總是嫌棄我這做不好,那做不好逛裤,又丟三落四瘩绒。我也嫌棄他總是指揮我這指揮我...
    老米頭2閱讀 266評(píng)論 0 1
  • 個(gè)性安分,可夫人老說咱家喜歡斗带族,郁悶锁荔!比如說,上級(jí)有個(gè)部門檢查蝙砌,氣指頤使阳堕,還是小屁孩,三十多點(diǎn):某處違規(guī)施工你知不...
    騎手為什么歌唱草原閱讀 255評(píng)論 0 0