Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SVGで幸せUI開発
Search
T. MOTOOKA
February 28, 2015
Programming
1
1.8k
SVGで幸せUI開発
Cocoa勉強会関西 2015.02.28
T. MOTOOKA
February 28, 2015
Tweet
Share
More Decks by T. MOTOOKA
See All by T. MOTOOKA
一意に定まらない話
motooka
0
37
自動化した処理を止めてしまった話
motooka
0
110
StoredFunctionのすゝめ
motooka
1
110
コメントは英語で書く!
motooka
1
110
TCPポート使い切り事件
motooka
1
480
SVG画像をPHPで生成しよう
motooka
0
1.4k
Working with Database Replications in CakePHP
motooka
1
2.1k
文字とPDFとPDFKit
motooka
2
2.2k
SVG破損事例の解説
motooka
1
780
Other Decks in Programming
See All in Programming
機能追加とリーダー業務の類似性
rinchoku
2
1.3k
Updates on MLS on Ruby (and maybe more)
sylph01
1
180
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
How Android Uses Data Structures Behind The Scenes
l2hyunwoo
0
480
Testing Trophyは叫ばない
toms74209200
0
890
Cache Me If You Can
ryunen344
2
4k
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
550
Swift Updates - Learn Languages 2025
koher
2
510
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
130
より安全で効率的な Go コードへ: Protocol Buffers Opaque API の導入
shwatanap
2
790
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.5k
旅行プランAIエージェント開発の裏側
ippo012
2
930
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
9.9k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Code Reviewing Like a Champion
maltzj
525
40k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Optimizing for Happiness
mojombo
379
70k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
It's Worth the Effort
3n
187
28k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Transcript
SVGͰͤUI։ൃ ʙSVGͷSͤͷSʙ 2015.02.28 Cocoaษڧձؔɹby T.Motooka
୭ʁ T. Motooka / ˏt_motooka / id:t_motooka ࣾ ຊۀɿWebΞϓϦ։ൃऀ IngressͰʢ͏͙͢
Level 12ʣ
https://atnd.org/events/62050 - @t_motooka “ݟͨͱཪෲʹɺϥΠτͳ༰Ͱ 15΄Ͳ͓͍ͨ͠Ͱ͢ɻ ΑΖ͓͘͠ئ͍͠·͢ʂ”
࣍ SVGͱʁ SVGͰඳ͍ͯΈΑ͏ʂ ϥΠϒϥϦͨͪ
SVGͱʁ Shiawaseɹɹͤ Vectorɹɹɹ ϕΫλʔ GraphicsɹɹάϥϑΟοΫ
SVGͱʁ Scalableɹɹ εέʔϥϒϧ Vectorɹɹɹ ϕΫλʔ GraphicsɹɹάϥϑΟοΫ
SVGͱʁ Scalable Vector Graphics XMLͰඳ͘ϕΫλʔը૾ ن֨W3Cɹɿɹओྲྀ SVG 1.1 Second Edition
ɹ→ɹࠔͬͨΒ W3C ͷจॻΛಡΉʂಡΉʂʂ XMLॻ͖ͨ͘ͳ͍ʁɹ͡Ό͋ΠϥϨ͔Β export ͩʂ
SVGΛ͏ཧ༝ ʢલͷԶΒʣʮ@2xͬͯԿͩΑ…ʯ ʢࡢͷԶΒʣɹʮ@3xͬͯԿͩΑ…ʯ ʢޙͷԶΒʣʮ@4xͬͯԿͩΑ…ʯ ϕΫλʔը૾ͰͤʹͳΖ͏
SVGͰඳ͍ͯΈΑ͏ʂ
SVGͰඳ͍ͯΈΑ͏ʂ
ͤͷݯɿϥΠϒϥϦͷհ
SVGKit MIT License / Available on CocoaPods UIKit ͷΑ͏ͳ͍উखɿ SVGKImageView
΄͔ ຊՈ https://github.com/SVGKit/SVGKit ༻๏ http://t-machine.org/index.php/2012/12/31/svgkit-2013-usage/ ※initWithImage ͡Όͳͯ͘ initWithSVGKImage text-anchor ޮ͔ͳ͍…
JAMSVGImage MIT License / Available on CocoaPods IBDesignable and IBInspectable
※requires (CocoaPods 0.36 beta or newer) or (WITHOUT CocoaPods) ຊՈ https://github.com/jmenter/JAMSVGImage αϙʔτ༰͕ README Ͱ໌ه͞ΕͯΔ ػೳSVGKitΑΓগͳ͍͚Ͳɺ໌֬Ͱ͋Δ͜ͱ༗Γ͍ɻ
·ͱΊ ͜Ε͔ΒϕΫλʔը૾ͷ࣌ ਓੜͷϕΫλʔ #ͱ SVGͰͤʹͳΖ͏
ʊਓਓਓਓਓਓਓਓʊ ʼɹಥવͷએɹʻ ʉ:?:?:?:?:?:?:ʉ
ձʹདྷΒΕͨํ͚ͩͷָ͓͠Έ