HTML5 Canvas
- 1. CANVAS HTML5 &API DEVELOPMENT #2 윤미경
- 2. <canvas id=“mycanvas” width=“600”height=“300”> 캔버스를 지원하지 않습니다 . </canvas> 그래픽을 자유롭게 그릴 수 있는 영역 (2D & 3D) IE8 이하는 지원 안함 .
- 3. // canvas DOM 객체를 생성 var canvas = document.getElementById(“mycanvas”); // 그리기 컨텍스트 생성 var context = canvas.getContext(“2d”); 좌표지정
- 4. 동일한 도메인의 스크립트나통신을 이용해 데이터를 주고받을 수 있음 . 타 도메인의 img 요소나 video 요소는 표시 가능하나 스크립트를 이용한 접근이 제한됨 . (SECURITY_ERR) fillStyle 속성 지정 strokeStyle 속성 지정 drawImage() 출력
- 5.
- 6.