[JavaScript] 자바스크립트에서 캔버스 사용하기

203_자바스크립트에서 캔버스 사용하기 [적용] 비트맵 기반의 도형을 스크립트에서 사용하고 싶을 때 [문법] 메소드 의미 반환 canvas.getContext('2d') 캔버스에서 명령 가져오기 콘텍스트 context.fillRect(x, y, 폭, 높이) 직사각형 영역 칠하기 없음 [내용] 캔버스(Canvas) 요소는 그래픽 관련 기능을 한다. SVG는 벡터 그래픽을 다루지만, 캔버스 요소는 비트맵 그래픽을 다룬다. 비트맵은 SVG와 달리 확대, 축소 시 사이즈를 적절히 조절하지 않으면 화질 저하가 발생한다. SVG는 일러스트 등에 적합하지만, 이미지 가곡 등의 작업은 캔버스 요소가 유용하다. 캔버스 요소 사용을 위해서는 HTML에 캔버스 요소를 배치한 뒤, 자바스크립트로 요소의 id 값을 참조하고 그..

2022.07.26