html5
-
[HTML5 & Javascript] Canvas Basic (그리면서 배우는 도형그리기 기초)Develop 2019. 3. 17. 14:06
canvas란? canvas는 HTML5의 표준 스팩으로 canvas태그 내에서 javascript를 이용해 드로잉 할 수 있는 API를 제공하고 있다. 쉽게 정의하면 canvas는 제공된 javascript api로 그림을 그릴 수 있는 영역을 의미한다. 언제 사용할 수 있을까? 브라우저에서 간단한 도형이나 그림, 애니메이션등이 필요할 때 사용할 수 있다. 현재 이미지를 표현할 때 SVG가 많이 사용되지만 Canvas는 SVG에 비해 게임 등 그래픽조작이 많을 때 성능 상에서 유리함을 가지고 브라우저의 지원범위가 넓기 때문에 상황에 맞는 기술의 선택이 필요하다. 개인적인 느낌으로는 HTML5에 기반한 간단한 게임을 만들거나 애니메이션을 구현할 때 좋은 선택이 될 수 있을 것으로 판단한다. 도형그리기 실..