브라우저가 그림판이 된다 — 온라인 그림판 도구

윈도우 그림판은 1985년 처음 등장한 이래 수십 년 동안 가장 단순한 그림 도구로 사랑받아왔다. 이제 설치 없이 브라우저에서 바로 쓸 수 있는 그림판 시대가 됐다.

디지털 드로잉의 기본 원리

화면에 선을 그리는 것은 마우스나 터치의 좌표를 실시간으로 추적해 HTML Canvas에 픽셀을 찍는 과정이다. 스트로크가 시작되면(mousedown) 이동할 때마다(mousemove) 이전 좌표와 현재 좌표 사이를 보간해 부드러운 선을 만든다.

벡터와 래스터 드로잉

래스터(픽셀): 그림판, 포토샵처럼 픽셀 단위로 저장. 확대하면 깨짐. 벡터(수식): 일러스트레이터, 잉크스케이프처럼 수학적 곡선으로 저장. 확대해도 깨지지 않음.

간단한 메모, 스케치, 빠른 그림은 래스터 방식으로 충분하다.

압력 감지와 태블릿

전문 디지털 아티스트는 압력 감지 태블릿을 쓴다. 펜을 세게 누르면 선이 굵어지고 약하게 누르면 가늘어진다. 이 기능은 Pointer Events API를 통해 브라우저에서도 구현 가능하다.

브라우저 그림판이 유용한 상황

아이디어 스케치를 빠르게 공유할 때 회의 중 간단한 다이어그램을 그릴 때 아이들의 낙서 놀이 웹 UI 와이어프레임 간략하게 그릴 때 캡처 이미지에 동그라미, 화살표 추가

---

ToolZip 도구 바로가기

바로가기 →

그림판 바로가기 → https://www.toolzip.app/tools/drawing-pad

브라우저에서 바로 그림을 그리고 PNG로 저장한다.

주요 기능: 도구: 펜/지우개/직선/사각형/원/채우기 펜 굵기 조절 (1~50px) 색상 선택 + 최근 사용 색상 8개 실행 취소(Undo) / 다시 실행(Redo) 전체 지우기 배경색 설정 (기본 흰색) PNG 다운로드 드래그 앤 드롭으로 이미지 불러오기 (위에 덧그리기 가능)

---

정리

• ✅ 설치 없이 브라우저에서 바로 사용
• ✅ 완전 무료

ToolZip 바로가기 →

---

관련 도구: 썸네일 메이커 · SVG 편집기 · 이미지 압축