ChainSmoker’s Block

[WEB - HTML CSS JAVASCRIPT][캔버스] 3_1-1. 웹에서의 캔버스 본문

개인공부(WEB, Python, DB)

[WEB - HTML CSS JAVASCRIPT][캔버스] 3_1-1. 웹에서의 캔버스

ChainSmokers 2023. 2. 24. 23:42

[01. 캔버스]


: 캔버스가 가장 주목받는 이유는 바로 단순히 브라우저에 그림을 표현하는 것을 넘어 여러 가지 효과를 주고, 텍스트를 표현하고, 간단한 애니메이션까지 표현 가능하게 된 것 때문이다. 브라우저에 그림을 그리기 위해서는 canvas 요소(태그)를 사용하여 그림을 그릴 영역을 지정하고 실제 그림을 그리는 것을 JS로 응용한다.
캔버스를 정의하기 위해선 canvas 요소(태그)의 속성값에 캔버스의 너비, 높이, 그리고 JS(자바스크립트)에서 사용할 아이디값을 지정해야 한다. 그리고 canvas 요소 사이에는 canvas 요소를 지원하지 않는 브라우저에서 표현할 이미지나 텍스트를 넣는다.

반응형