내맘대로 라이프

인터넷 익스플로러에서 html2canvas 사용하기 본문

Html5 JS CSS

인터넷 익스플로러에서 html2canvas 사용하기

내눈물 2018. 2. 1. 17:04

html문서를 div별로 저장할 수 있는 html2canvas !!!

크롬에서는 문제없이 사용됩니다만 IE에서는 작동하지 않는 문제가 발생합니다.


간단하게 사용할 수 있기에 방법 알려드립니다.

http://html2canvas.hertzen.com/

우선 여기 사이트에 들어가셔서


html2canvas.js 파일을 다운 받습니다.

다운 받기 귀찮으시면 그냥 아래 소스대로 사용하셔도 됩니다,



이렇게 사용하시면 크롬에서는 문제 없이 작동을 합니다.

하지만 IE에서는 작동하지 아니하죠....

콘솔창 열어보면 SCRIPT1002: 구문 오류라고 뜨면서 정상출력조차 안됩니다.

그럼 소스를 수정해 줘야하는데


위와 같이 소스를 수정하면 IE에서도 정상적으로 캡쳐가 가능합니다.

es6-promise.auto.js가 포인트입니다.

html2canvas는 promise를 사용하는데 익스에서는 기본적으로 지원하지 않는지라

추가로 등록을 해주어야 정상적으로 캡쳐가 가능합니다.