Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

인터넷 익스플로러(IE)에서 HTML5 캔버스 요소를 사용하는 방법

IE에서 HTML5 캔버스를 지원하는 방법

인터넷 익스플로러(IE)에서 HTML5 캔버스(canvas)를 사용하려면 excanvas 자바스크립트 라이브러리를 활용하면 됩니다.

excanvas 라이브러리란?

excanvas 라이브러리는 구형 IE 브라우저(IE7~8)에 HTML5 캔버스 기능을 추가해 주는 애드온입니다. 참고로 Firefox, Safari, Opera 9 등 다른 브라우저는 기본적으로 canvas 태그를 지원하기 때문에 별도의 라이브러리 없이도 명령 기반의 2D 드로잉 작업을 수행할 수 있습니다.

ExplorerCanvas 적용 방법

ExplorerCanvas는 인터넷 익스플로러에도 동일한 캔버스 기능을 제공합니다. IE에서 HTML5 캔버스 요소를 사용하려면 다음 단계를 따르세요.

  1. excanvas.js 파일을 다운로드하여 HTML 파일과 같은 디렉터리에 저장합니다.
  2. 페이지의 <head> 태그 안에 아래 코드를 추가합니다.
<!--[if lte IE 8]>
   <script src="excanvas.js"></script>
<![endif]-->

위 코드는 조건부 주석(conditional comment)으로, IE8 이하 버전에서만 excanvas.js가 로드되도록 합니다. 덕분에 최신 브라우저에는 영향을 주지 않으면서 구형 IE에서만 캔버스 기능을 보완할 수 있습니다.