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.7k
SVGで幸せUI開発
Cocoa勉強会関西 2015.02.28
T. MOTOOKA
February 28, 2015
Tweet
Share
More Decks by T. MOTOOKA
See All by T. MOTOOKA
StoredFunctionのすゝめ
motooka
1
30
コメントは英語で書く!
motooka
1
76
TCPポート使い切り事件
motooka
1
410
SVG画像をPHPで生成しよう
motooka
0
1.2k
Working with Database Replications in CakePHP
motooka
1
2k
文字とPDFとPDFKit
motooka
2
1.9k
SVG破損事例の解説
motooka
1
700
エラー処理のUIデザイン
motooka
0
1.4k
モバイルアプリとGDPR
motooka
0
1.9k
Other Decks in Programming
See All in Programming
Rails アプリ地図考 Flush Cut
makicamel
1
110
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
ARA Ansible for the teams
kksat
0
150
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
110
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
120
チームリードになって変わったこと
isaka1022
0
190
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
30
11k
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
Bedrock Agentsレスポンス解析によるAgentのOps
licux
2
720
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
490
Featured
See All Featured
Practical Orchestrator
shlominoach
186
10k
RailsConf 2023
tenderlove
29
1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
A better future with KSS
kneath
238
17k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
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ͰͤʹͳΖ͏
ʊਓਓਓਓਓਓਓਓʊ ʼɹಥવͷએɹʻ ʉ:?:?:?:?:?:?:ʉ
ձʹདྷΒΕͨํ͚ͩͷָ͓͠Έ