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
92
StoredFunctionのすゝめ
motooka
1
87
コメントは英語で書く!
motooka
1
90
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
やめシフ大集合!!~SHIFT卒業生座談会~ / 20250517 Hiroko Tamagawa & Ayako Ueno & Ryo Asou &Kei Ishimaru
shift_evolve
0
250
事業と組織から目を逸らずに技術でリードする
ogugu9
19
5.6k
VPC Reachability AnalyzerAnalyzer~実務での使いどころ
masakiokuda
1
220
テスト設計チュートリアル ちびこん編 ’25
omn
1
290
型がない世界に生まれ落ちて 〜TypeScript運用進化の歴史〜
narihara
1
110
バックエンドのコードファーストなOpenAPIスキーマ駆動開発 - TSKaigi2025
yujitorii
1
120
GPU 클라우드 환경에서의 회복탄력적 AI 운영 : 훈련 및 추론을 위한 견고한 아키텍처와 전략
inureyes
PRO
0
150
MagicPodが描くAIエージェント戦略とソフトウェアテストの未来
magicpod
0
340
MagicPod MCPサーバー開発の裏側とAIエージェント活用の展望
magicpod
0
330
君だけのオリジナル async / await を作ろう / TSKaigi 2025
susisu
4
2.7k
Standard Schema: スキーマライブラリの統一企画とは何か
nozomuikuta
1
120
変化に強いテーブル設計の勘所 / Table design that is resistant to changes
soudai
34
9.1k
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
A better future with KSS
kneath
239
17k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
720
We Have a Design System, Now What?
morganepeng
52
7.6k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How STYLIGHT went responsive
nonsquared
100
5.5k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Building Adaptive Systems
keathley
41
2.5k
Optimizing for Happiness
mojombo
378
70k
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(ͷϚΠφʔͳػೳΛ͏ͱ͖ҙ