HTML5 Canvas Free Tutorial 1.0
5초 만에 다운로드할 수 있습니다.
에 대해 HTML5 Canvas Free Tutorial
요소는 그래픽용 컨테이너일 뿐입니다. 실제로 그래픽을 그리려면 스크립트를 사용해야 합니다. 캔버스는 직사각형 영역이며 경로, 상자, 원, 문자 및 이미지를 추가하는 여러 가지 방법이 있습니다.
이 요소는 문서 개체 모델(DOM) API 또는 플러그인을 사용하지 않고 웹 페이지에서 그림을 그릴 수 있는 새로운 HTML5 태그 요소입니다. 다소 새로운, 요소는 대부분의 현대 브라우저에 의해 채택 되었습니다.
캔버스는 HTML 요소와 CSS 스타일이 있는 다른 태그를 사용하여 화면에 그래픽을 만드는 대신, 그릴Rect, 채우기 및 drawImage와 같은 자바스크립트 명령을 사용하여 그래픽 을 직접 그릴 수 있습니다. 또한 픽셀을 직접 조작하여 이미지를 수정하고 특수 효과를 만들 수 있습니다. 캔버스는 현재 2D 드로잉 API이지만 향후 릴리스에 대해 3D 지원이 계획되어 있습니다.
참고: - 요소에는 자체 의 그리기 능력이 없습니다. - 모든 도면은 자바 스크립트 내에서 수행해야합니다. 기본적으로 요소에 테두리가 없고 콘텐츠가 없습니다. - 옵션 fallback_content 캔버스 태그를 지원하지 않는 브라우저에 의해 렌더링됩니다 - 의지할 필요 없이 직접 그래픽 을 그릴 수 있습니다.
또는 CSS 트릭 - 캔버스는 호환 구현과 함께 대부분의 브라우저에서 지원하는 웹 표준입니다 - 캔버스는 2차원 그리드입니다. - 더 쉽게 하드웨어 가속으로 빠른 애니메이션 - 캔버스의 왼쪽 위 모서리에는 좌표가 있습니다(0,0) - 앞으로 캔버스는 3D 그래픽에 대한 웹GL 사양과 같은 '2d'가 아닌 다른 컨텍스트를 지원할 것입니다.