목록2024/08/29 (1)
The Debugging Chronicles : "코드의 미학"
chapter6. 애니메이션을 만드는 캔버스(Canvas)
section01. 자바스크립트로 Canvas 제어 - HTML5 캔버스의 사용법 · 캔버스는 그래픽을 그릴 수 있는 영역을 말하며, 태그와 자바스크립트를 사용해서 웹 페이지 상에서 그래픽을 그린다. · 태그는 단지 그래픽을 그릴 수 있는 영역을 제공하는 컨테이너(그릇)로 실제로 그래픽을 그리기 위해서는 자바스크립트를 사용해야 한다. · 태그는 너비(width)와 높이(height)를 속성으로 가진다. · 캔버스를 제어하기 위해서는 id 속성도 필요하다. · 캔버스에 표시할 마우스 포인터의 상대적인 위치를 얻기 위해 특정 구역을 정의하는데 쓰이는 태그 안에 넣어서 사용하는 것이 좋다. - 캔버스 제어하기 · 만들어진 캔버스에 도형이나 그림 등을 그리거나, 그려진 것들을 움직이게 만드는 등의 ..
FrontEnd/쉽게 배우는 HTML5& CSS3 그리고 JavaScript
2024. 8. 29. 22:22