SVG image
์์๊ฐ IE11์์ onLoad ์ด๋ฒคํธ๋ฅผ ์ ๋ฌํ์ง ์์ต๋๋ค.
์:
https://codepen.io/sahid/pen/NaaRzX
React 15.1 ๋ฐ 16.0์ผ๋ก ํ ์คํธ ๋จ
์ฌ๊ธฐ์ ๋ฌด์จ ์ผ์ด ์ผ์ด๋๊ณ ์๋์ง ์ ๋ชจ๋ฅด๊ฒ ์ง๋ง ์ผ๋ถ ์ฐ๊ตฌ์ ๋ฐ๋ฅด๋ฉด IE11 image
ํ๊ทธ์ ๋ช ๊ฐ์ง ์ด์ํ ์ ์ด ์๋ค๊ณ ํฉ๋๋ค. ์ค์ ๋ก IE11์ js์์ onLoad
์ด๋ฒคํธ๊ฐ ์ ํ ์๋ํ์ง ์์ต๋๋ค ( codepen ์ฐธ์กฐ ). ์ผ๋ฐ ๋งํฌ ์
์ ์ธ๋ผ์ธ onload="alert('here')"
์ ์ถ๊ฐํ๋ฉด ์๋ํ์ง๋ง ๊ทธ๊ฒ ๋ด๊ฐ ์์
ํ ์์๋ ์ ๋ถ์
๋๋ค.
์ด ๋ถ์กฑํ ์์ ๋ด๊ฐ ์จ๋ผ์ธ์ผ๋ก ์ฐพ์ ์ ์๊ณ ํ๋์ ์ฌ๊ธฐ๊ฐ supppper ์ถํ ์๋ง ๋ฐฉ์ด ํ ์ ์์ต๋๋ค. @nhunzaker์ ๋ํ ํต์ฐฐ๋ ฅ? ๋น์ ์ ๋ ์ง๋ํธ svg ์ ๋ฌธ๊ฐ์ ๋๋ค
์, ๋ฏธ์! ๋๋ ๋ ๋ค๋ฅธ PR์ ๋ํ ํ ์คํธ๋ฅผ ์ํํ๊ณ ์์ผ๋ฉฐ Google ๐ต์ ํตํด ์ด๊ฒ์ ์ฐ์ฐํ ๋ฐ๊ฒฌํ์ต๋๋ค.
๋ค์ ํ
์คํธ๋ฅผ ์ฌ์ฉํ์ฌ IE ๋๋ Edge์์ SVG ์ด๋ฏธ์ง ์ด๋ฒคํธ _period_๋ฅผ๋ก๋ ํ ์ ์์ต๋๋ค.
https://codepen.io/nhunzaker/pen/babXLO
new Image()
ํ๋ก์๋ฅผ ์ฌ์ฉํ๋๋ก ์ ์ํ์ ๊ถ์ฅ ์ฌํญ ์ธ์ ์จ๋ผ์ธ์ผ๋ก ์กฐ์ฌ (๊ฒ์)ํ๋ ์๋ฃจ์
์ ์ฐพ์ ์ ์์ต๋๋ค.
๋๋ ์ด๊ฒ์ ๋ซ๊ณ ๋ธ๋ผ์ฐ์ ๋ฒ๊ทธ๋ก ์์ฑํ๋ ๊ฒ์ด ํธํ ๊ฒ์ ๋๋ค. ์ ๋ฆ๋ฐ์ด์ด์ง๋ง ์ด๋ฏธ์ง ํ๊ทธ๋ฅผ SVG๋ก ํดํนํ๋ ๊ฒ์ ์ข์ง ์์ต๋๋ค (์ผ๋ฐ ์๋ฃจ์ ์ผ๋ก ์ฌ์ฉ๋๋ ๊ฒฝ์ฐ ๊ฐ์ฅ์๋ฆฌ ์ผ์ด์ค์ ๋ํด ๊ฑฑ์ )
@gaearon , @jquense ์ด๋ป๊ฒ ์๊ฐํ์ธ์?
์, ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๋น์ฉ์ด ๋๋ฌด ๋ง์ด ๋๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋๋ ์ด๊ฒ์ด "๊ณ ์น์ง ์์ ๊ฒ"์ด๋ผ๋ ๊ฒ์ ํธ์ํ๊ฒ ์๊ฐํฉ๋๋ค.
๊ด์ฐฎ์์.
์ค์ ๋ก @nhunzaker Image
ํด๋์ค๊ฐ ํด๊ฒฐ ๋ฐฉ๋ฒ์ด์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ฌ๊ธฐ์ ๋ฌด์จ ์ผ์ด ์ผ์ด๋๊ณ ์๋์ง ์ ๋ชจ๋ฅด๊ฒ ์ง๋ง ์ผ๋ถ ์ฐ๊ตฌ์ ๋ฐ๋ฅด๋ฉด IE11
image
ํ๊ทธ์ ๋ช ๊ฐ์ง ์ด์ํ ์ ์ด ์๋ค๊ณ ํฉ๋๋ค. ์ค์ ๋ก IE11์ js์์onLoad
์ด๋ฒคํธ๊ฐ ์ ํ ์๋ํ์ง ์์ต๋๋ค ( codepen ์ฐธ์กฐ ). ์ผ๋ฐ ๋งํฌ ์ ์ ์ธ๋ผ์ธonload="alert('here')"
์ ์ถ๊ฐํ๋ฉด ์๋ํ์ง๋ง ๊ทธ๊ฒ ๋ด๊ฐ ์์ ํ ์์๋ ์ ๋ถ์ ๋๋ค.์ด ๋ถ์กฑํ ์์ ๋ด๊ฐ ์จ๋ผ์ธ์ผ๋ก ์ฐพ์ ์ ์๊ณ ํ๋์ ์ฌ๊ธฐ๊ฐ supppper ์ถํ ์๋ง ๋ฐฉ์ด ํ ์ ์์ต๋๋ค. @nhunzaker์ ๋ํ ํต์ฐฐ๋ ฅ? ๋น์ ์ ๋ ์ง๋ํธ svg ์ ๋ฌธ๊ฐ์ ๋๋ค