Finale

축하합니다 Canvas 튜토리얼을 모두 끝마쳤습니다! 이 정보는 웹에서 더 나은 2D 그래픽을 만드는데 도움이 됩니다.

더 많은 예시와 튜토리얼

이 사이트에는 다양한 데모와 canvas에 대한 추가 설명이 있다.

Codepen.io
프론트 엔드 개발자 playground 및 브라우저의 코드 편집기.
HTML5 Canvas Tutorials
대부분 canvas API의 예시
Game development
게임은 가장 인기있는 컴퓨터 활동 중 하나이다. 어떤 표준 규격의 웹 브라우저에서도 실행할 수 있는 더 나은 게임을 개발할 수 있도록 하기 위한 신기술이 끊임없이 등장하고 있다.

기타 웹API

이 API들는 canvas 및 그래픽으로 작업할 때 유용하다.

WebGL
3D를 포함한 복잡한 그래픽 렌더링을 위한 고급 API.
SVG
확장 가능한 Vector Graphics는 이미지를 벡터(선)과 형태의 집합으로 묘사하여 이미지를 그리는 크기에 상관없이 원활하게 확장할 수 있다.
Web Audio
Web Audio API는 개발자들이 오디오 소스 선택, 오디오에 효과 추가, 오디오 시각화 생성, 공간 효과 적용(예: 패닝)등을 할 수 있도록 웹 상에서 오디오를 제어하기 위한 다양하고 좋은 시스템을 제공한다.

문의사항

Stack Overflow
"canvas"가 태그된 문의사항.
Comments about this tutorial – the MDN documentation community
이 튜토리얼에 대해 의견이 있으시거나 저희에게 감사를 표하고 싶다면 언제든지 연락해주세요!