ブラウザのバグを踏んでSVG画像が壊れてしまう事例を一つ紹介しています。
47(ը૾ഁଛࣄྫͷղઆCZ5.0500,"'SPOUFOE/BHPZBIUUQTGSPOUFOEEPPSLFFQFSKQFWFOUT
View Slide
"CPVUUIF4QFBLFSw 5.0500,"!U@NPUPPLBw ٕज़ॻయ̑ ʮςΩετΤσΟλͱϒϥβͰॻ͚Δɾඳ͚Δ47(ʯw ٕज़ॻయ̒ ʮྩͷ࣌ͷ1PTU4DSJQUೖʯw খناۀ͚ͷ$3.ͱ͔Λ࡞Δਓ ʢ1)1 +BWB FUDʣw ΩʔϘʔυʮತܕΧʔιϧΩʔʯͷ+*4ྻ
࣍w ഁଛ͢Δࣄྫw Ͳ͏ͬͯݟ͚ͭͨͷ͔ʁw τϥϒϧ͔Βԕ͔͟ΔͨΊʹ
ഁଛ͢Δࣄྫ
ഁଛ͢Δࣄྫw 4BGBSJʢࠓ݄Լ०ϦϦʔεʣ·ͨͦΕҎ߱w +BWB4DSJQUͰ47(ͷཁૉͷಛఆͷૢ࡞Ͱw xlink:hrefଐੑ͕ফ͑Δw ͚ͩͲը૾ͷදࣔ͞Ε͍ͯΔw %0.USFF༰Λอଘͯ͠࠶ಡ·ͤΔͱը૾ݟ͑ͣ
ഁଛ͢ΔࣄྫσϞ
Ͳ͏ͬͯݟ͚ͭͨͷ͔ʁ
Ͳ͏ͬͯݟ͚ͭͨʁw 47(&EJU IUUQTHJUIVCDPN47(&EJUTWHFEJUw Λ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(ͷϚΠφʔͳػೳΛ͏ͱ͖ҙ