모바일 IE에서 CANVAS 문제

CANVAS에 대한 연구 노트... (MOBILE IE(익스플로러), MOBILE CHROME(크롬))

2015/06/10 

문제) 모바일IE에서 canvas요소의 부모나 조상의 CSS가 overflow:hidden이면 이상한 현상(똑같은 2dContext가 한 개 더 생겨서 괴롭힌다.)이 생긴다.

해결) CSS overflow:hidden; 를 지웠다.

문제) 모바일IE에서 JAVASCRIPT 메소드(position에 따른 부모,조상의 거리를 계산하여 페이지 상단과의 거리를 구하기)를 동시에 호출하다보면 이상하게도 엉켰다.

해결) 같은 메소드를 두개로 나누어서 각각 사용토록 하니까 되었다...

어이 없는 건 모바일CHROME은 그냥 잘 되는데 모바일IE 때문에 이렇게 해결했다. 

모바일CHROME이 랜더링속도가 빨라서 상관없는 건지.. 모바일IE의 메모리 관리가 다른 건지.. 그냥 메소드를 하나 따로 만들어서 사용토록하니까 되었다.

모바일CHROME은 알아서 잘하는데... 모바일 IE에 오늘 하루 다 투자했다. 

능력없는 모바일IE를 무시하고 싶지만.. 그럴 수 없는 것도 현실 ㅎㅎ

p.s 

자만하는 감도 있지만.. 웬만해서 논리적으로 이해가 되면 오류노트를 만들지 않았었습니다.

그런데 이건 뭐 .. 브라우저마다 다르니까 무슨 논리로 이건 되고 저건 안 되는지 모르겠어서

오류노트를 작성하게 되었습니다. 누군가에게 도움이 되었으면 합니다.