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
740
SVG破損事例の解説
ブラウザのバグを踏んでSVG画像が壊れてしまう事例を一つ紹介しています。
T. MOTOOKA
June 01, 2019
Tweet
Share
More Decks by T. MOTOOKA
See All by T. MOTOOKA
自動化した処理を止めてしまった話
motooka
0
96
StoredFunctionのすゝめ
motooka
1
89
コメントは英語で書く!
motooka
1
94
TCPポート使い切り事件
motooka
1
460
SVG画像をPHPで生成しよう
motooka
0
1.3k
Working with Database Replications in CakePHP
motooka
1
2k
文字とPDFとPDFKit
motooka
2
2k
エラー処理のUIデザイン
motooka
0
1.5k
モバイルアプリとGDPR
motooka
0
1.9k
Other Decks in Technology
See All in Technology
データベースの引越しを Ora2Pg でスマートにやろう
jri_narita
0
180
Go Connectへの想い
chiroruxx
0
140
Eight Engineering Unit 紹介資料
sansan33
PRO
0
3.4k
Kubernetesで作るAIプラットフォーム
oracle4engineer
PRO
2
160
Generational ZGCのメモリ運用改善 - その物理メモリ使用量、本当に正しい?
tabatad
0
270
Roo CodeとClaude Code比較してみた
pharma_x_tech
1
110
データ戦略部門 紹介資料
sansan33
PRO
1
3.1k
ゆるSRE #11 LT
okaru
1
130
データプレーンプログラミングとは? DPU&スイッチASICの開発経験から語る
ebiken
PRO
1
300
20250612_GitHubを使いこなすためにソニーの開発現場が取り組んでいるプラクティス.pdf
osakiy8
1
310
大失敗しないための Web API 開発レシピ / A recipe for not making a big failure on WebAPI development
yokawasa
1
150
Cursor Meetup Tokyo
iamshunta
5
1.4k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
A Modern Web Designer's Workflow
chriscoyier
693
190k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
100
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
15
900
How to Ace a Technical Interview
jacobian
276
23k
Stop Working from a Prison Cell
hatefulcrawdad
269
20k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Building Adaptive Systems
keathley
42
2.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
Speed Design
sergeychernyshev
30
980
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(ͷϚΠφʔͳػೳΛ͏ͱ͖ҙ