This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

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

이 튜토리얼에 대해 의견이 있으시거나 저희에게 감사를 표하고 싶다면 언제든지 연락해주세요!