📌 제목Canvas API로 브라우저에서 그래픽 그리기 — 2D 도형, 이미지 편집, 간단한 게임 예제📝 본문HTML5의 Canvas API는 브라우저에서 2D 그래픽, 애니메이션, 이미지 편집, 게임 제작까지 가능한 강력한 기능을 제공합니다.이번 글에서는 기본 도형 그리기, 이미지 처리, 간단한 게임 예제까지 단계별로 안내합니다.1️⃣ Canvas 기본 구조width, height: 캔버스 크기 지정CSS border로 영역 확인 가능JavaScript에서 그래픽 컨텍스트를 가져와 그리기const canvas = document.getElementById('myCanvas');const ctx = canvas.getContext('2d'); // 2D 컨텍스트2️⃣ 2D 도형 그리기2-1. 사각형과..
