HTML <캔버스> 태그
예
<캔버스>으로 요소는 빨간색 사각형을 표시합니다 :
<캔버스 ID = "myCanvas"> </ 캔버스>
<스크립트 유형 = "텍스트 / 자바 스크립트"> var에 캔버스 = document.getElementById를 ( 'myCanvas'); var에 CTX = canvas.getContext ( '2D'); ctx.fillStyle = '# FF0000의'; ctx.fillRect (0,0,80,100 ); </ script>
»시도
브라우저 지원
IE 9, 파이어 폭스, 오페라, 크롬과 사파리 지원 <캔버스> 태그입니다.
참고 : IE 8 IE 브라우저의 이전 버전의 <캔버스> 태그를 지원하지 않습니다.
태그 정의 및 지침
<캔버스> 태그는 스크립트 (보통 JavaScript)를 통해 (예 : 차트 및 기타 이미지 등) 그래픽을 그립니다.
<캔버스> 태그는 그래픽 컨테이너, 당신은 그래픽을 그리는 스크립트를 사용해야합니다.
HTML 4.01과 HTML5의 차이점
<캔버스> 태그는 HTML5 태그의 새로운 기능입니다.
팁과주의 사항
참고 : <캔버스> 요소는 <캔버스> 브라우저를 지원하지 않는 텍스트로 표시됩니다.
팁 : 모든 캔버스 객체의 속성과 메소드를 알고 싶은 경우, 참조 HTML 캔버스 참조 설명서를 .
재산
새로운 기능 : HTML5 새 속성.
| 属性 | 值 | 描述 |
|---|---|---|
| height New | pixels | 规定画布的高度。 |
| width New | pixels | 规定画布的宽度。 |
전역 속성
<캔버스> 태그를 지원 HTML을 글로벌 속성을 .
이벤트 등록
<캔버스> 태그를 지원 HTML 이벤트 속성을 .