728x90
반응형
Canvas태그에 관하여 알아보자.
<canvas id="tutorial" width="150" height="150"></canvas>canvas 태그는 간단히 말해 그림판 같은거라 생각하면 편합니다.
점과 점사이를 연결하는 선이나 사각형 여러 도형을 그릴때 편하게 그릴 수 있습니다.
canvas의 css가 아닌 width와 height는 픽셀 단위입니다.
예를들어
canvas {
width: 500px;
height: 500px;
}css를 이렇게 작성해 주었다고 가정합니다.
그럼 넓이가 500픽셀 높이가 500픽셀인 canvas가 생성됩니다.
그후
<canvas width="1000" height="1000"></canvas>이런 캔버스를 만들었다고 가정한다면
홈페이지에서의 화면에서는 500x500으로 고정되어 보이지만 canvas태그 내부에서는 넓이1000px 높이1000px을 사용가능합니다.
이해가 잘 안되신다면 실전을 통하여 알아봐야겠죠? 여기서는 canvas가 어떤 태그인가만 이해하고 실전은 다른 글에서 다루도록 하겠습니다.
728x90
반응형