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破損事例の解説
Search
T. MOTOOKA
June 01, 2019
Technology
1
610
SVG破損事例の解説
ブラウザのバグを踏んでSVG画像が壊れてしまう事例を一つ紹介しています。
T. MOTOOKA
June 01, 2019
Tweet
Share
More Decks by T. MOTOOKA
See All by T. MOTOOKA
コメントは英語で書く!
motooka
1
43
TCPポート使い切り事件
motooka
1
190
SVG画像をPHPで生成しよう
motooka
0
990
Working with Database Replications in CakePHP
motooka
1
1.8k
文字とPDFとPDFKit
motooka
2
1.7k
エラー処理のUIデザイン
motooka
0
1.3k
モバイルアプリとGDPR
motooka
0
1.8k
続・パイプを通るPDF
motooka
0
1k
JVNに情報掲載した話
motooka
1
1.5k
Other Decks in Technology
See All in Technology
RAGHack: Building RAG apps in Python
pamelafox
0
140
AI でアップデートする既存テクノロジーと、クラウドエンジニアの生きる道
soracom
PRO
1
340
標準ライブラリの奥深アップデートを掘り下げよう!
logica0419
2
430
株式会社M2X エンジニアチーム紹介資料
m2xsoftware
0
430
自社開発した大規模言語モデルをどうプロダクションに乗せて運用していくか〜インフラ編〜
pfn
PRO
10
2.9k
四国のあのイベントの〇〇システムを45日間で構築した話 / cloudohenro2024_tachibana
biatunky
0
280
疎通2024
sadnessojisan
5
860
エンジニア向け会社紹介資料
caddi_eng
15
250k
ことばをそろえる / Bridging the Terminology Gap
amaotone
5
1k
エンジニアリングマネージャーが紐解く、事業視点から組織文化まで、包括的アプローチの探求 / READYFOR
9ma3r
14
2.3k
Evolving DevOps Teams and Flexible Organizational Culture
kakehashi
1
180
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
2
170
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
518
39k
Ruby is Unlike a Banana
tanoku
96
10k
Designing for humans not robots
tammielis
248
25k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Building Your Own Lightsaber
phodgson
101
6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
230
17k
For a Future-Friendly Web
brad_frost
174
9.3k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
From Idea to $5000 a Month in 5 Months
shpigford
378
46k
The Cult of Friendly URLs
andyhume
76
5.9k
Transcript
47(ը૾ ഁଛࣄྫͷղઆ CZ5.0500," 'SPOUFOE/BHPZB IUUQTGSPOUFOEEPPSLFFQFSKQFWFOUT
"CPVUUIF4QFBLFS w 5.0500,"!U@NPUPPLB w ٕज़ॻయ̑ ʮςΩετΤσΟλͱϒϥβͰॻ͚Δɾඳ͚Δ47(ʯ w ٕज़ॻయ̒ ʮྩͷ࣌ͷ1PTU4DSJQUೖʯ w
খناۀ͚ͷ$3.ͱ͔Λ࡞Δਓ ʢ1)1 +BWB FUDʣ w ΩʔϘʔυʮತܕΧʔιϧΩʔʯͷ+*4ྻ
࣍ w ഁଛ͢Δࣄྫ w Ͳ͏ͬͯݟ͚ͭͨͷ͔ʁ w τϥϒϧ͔Βԕ͔͟ΔͨΊʹ
ഁଛ͢Δࣄྫ
ഁଛ͢Δࣄྫ w 4BGBSJʢࠓ݄Լ०ϦϦʔεʣ·ͨͦΕҎ߱ w +BWB4DSJQUͰ47(ͷ<image>ཁૉͷಛఆͷૢ࡞Ͱ w xlink:hrefଐੑ͕ফ͑Δ w ͚ͩͲը૾ͷදࣔ͞Ε͍ͯΔ w
%0.USFF༰Λอଘͯ͠࠶ಡ·ͤΔͱը૾ݟ͑ͣ
ഁଛ͢Δࣄྫ σϞ
Ͳ͏ͬͯ ݟ͚ͭͨͷ͔ʁ
Ͳ͏ͬͯݟ͚ͭͨʁ w 47(&EJU IUUQTHJUIVCDPN47(&EJUTWHFEJU w Λ4BGBSJͰ։ൃऀίϯιʔϧΛݟͳ͕Βૢ࡞͍ͯ͠Δͱɺ ը૾͕ফ͑Δ͜ͱ͕͋ͬͨ w ݪҼΛ୳Δ͘ɺΞϚκϯͷԞͱඈΜͩʜ
ೋ୳ࡧ w BLBόΠφϦʔαʔν w ιʔτࡁΈͷྻͷத͔ΒతͷσʔλΛ୳͢ํ๏ w
ͱ͍͏ɺঢॱʹͳ͍ͬͯΔྻ w ճͷૢ࡞Ͱ߲͔͠ݟΕͳ͍ͱ͖ʹɺͲ͏୳͢ʁ w Ԡ༻ྫɿྸೋ୳ࡧ มΘͬͯʜ
खಈೋ୳ࡧ w ೋ୳ࡧͷԠ༻ͰόάݪҼΛ୳͢ w όάΛ౿ΉݪҼ͕ߦͷίʔυͰ͋Δͱ͍͏Ծઆ ʢ͚ͬ͜͏ࡶʣ w Ծઆ͕ຬͨ͞Εͳͯ͘ɺॿ͚ʹͳΔ w తͷίʔυ͚ͩίϝϯτΞτ͢Ε࠶ݱ͠ͳ͍ͣ
w ಈ͍͍ͯΔίʔυΛ͚ͩίϝϯτΞτͯ͠ʜͷ܁Γ ฦ͠ͰݪҼՕॴΛݟ͚ͭग़͢
ݪҼΛͲ͏ͬͯݟ͚ͭͨʁ खಈೋ୳ࡧͷ݁ՌɺݪҼ TransformListૢ࡞ͱ element.removeAttribute('style') ͷΈ߹Θͤͩͱ໌ ͦͷޙɺόάใࠂ͠·͕ͨ͠ɺݱ࣌Ͱ์ஔʜ
τϥϒϧ͔Β ԕ͔͟ΔͨΊʹ
τϥϒϧ͔Βԕ͔͟ΔͨΊʹ w ૣظݕग़ͷͨΊʹ w 8FCϒϥβͷόʔδϣϯΞοϓࣗମΛΔ w ԕ͔͟ΔͨΊʹ w ϚΠφʔͳػೳා͍ w
8FCϒϥβ։ൃऀͨͪͷςεταΠτͷؒೖΓ ʢ༗໊ͳαΠτʹͳΖ͏ʣ
·ͱΊ w 47(ը૾յΕΔ͜ͱ͕͋Δ w ϒϥβͷόάΛ౿Ή͜ͱ͕͋Δ w ೋ୳ࡧࢲͨͪΛॿ͚ͯ͘ΕΔ w 8FCϒϥβͷόʔδϣϯΞοϓʹҙ w
47(ͷϚΠφʔͳػೳΛ͏ͱ͖ҙ