온라인 화이트보드

펜·도형·텍스트로 그리기, PNG·프로젝트 저장

이 브라우저에서만 처리

간단한 도형과 글씨로 생각을 정리하세요. 그린 요소는 선택해 옮기고, PNG나 프로젝트 파일로 직접 저장할 수 있습니다.

그리기 설정
캔버스·프로젝트 설정

확대한 화면은 화면 이동 도구로 드래그하거나 방향키로 살펴봅니다. 터치에서도 화면 이동을 먼저 선택하세요. 그리기 도구에서는 방향키로 1px, Shift+방향키로 10px 이동하며 Enter로 시작·완료, Delete로 선택 삭제, Ctrl/⌘+Z로 실행취소합니다. 지우개는 요소 전체를 지웁니다.

요소 목록 · 키보드로 선택

그림과 텍스트는 이 탭에서만 처리하며 서버·URL·브라우저 영구 저장소에 저장하지 않습니다. 직접 저장한 PNG·JSON만 기기에 남습니다.

사용 방법

  1. 펜·선·사각형·원·텍스트 중 도구를 고르고 색·굵기를 설정합니다.
  2. 캔버스에 그리거나 가운데에 추가를 누른 뒤 선택·이동으로 배치합니다.
  3. PNG로 결과를 저장하거나 계속 수정하려면 프로젝트JSON을 따로 저장합니다.

흐름을 두 도형으로 표현

입력·설정
예제 불러오기 · 생각/실행 도형과 연결선
결과
1200×800 보드 · 선택해 이동하거나 글씨를 바꾼 뒤 같은 크기의 PNG로 저장

편집 격자·선택 테두리·키보드 커서는PNG에 포함하지 않습니다.

요소 선택과 그리기 조작

펜은 하나의 획, 도형과 글씨는 각각 하나의 요소로 다룹니다. 선택·이동 도구로 요소를 누르고 끌 수 있으며, 겹쳐 있는 경우 맨 위 요소부터 선택합니다. 요소 지우기는 그림 일부의 화소를 문지르는 방식이 아니라 선택한 획이나 도형 전체를 삭제하는 기능입니다.

글씨는 텍스트 입력 후 캔버스를 눌러 놓습니다. 기존 글씨를 선택하면 내용을 입력 칸으로 가져오며, 수정한 뒤 선택 요소에 설정 적용을 눌러 반영합니다. 캔버스에 초점을 두고 방향키·Enter로도 펜과 도형을 만들 수 있고 선택한 요소를 옮길 수 있습니다.

파일 저장과 보드 한도

PNG는 현재 보드를 배경색과 함께 한 장의 그림으로 저장합니다. 프로젝트JSON은 요소 종류·좌표·색상·글씨를 보관해 다시 선택하고 편집할 수 있게 합니다. 프로젝트 불러오기는 현재 보드를 바꾸지만 직전 상태를 실행취소로 복원할 수 있으며 자동 저장이나 다른 사람과의 공동 편집은 제공하지 않습니다.

캔버스 한 변은200~3000px, 최대900만 화소입니다. 요소500개·펜 전체50,000점·한 획2,000점·텍스트 요소당500자와 프로젝트4MB 한도를 적용합니다. 실행취소는 직전20단계까지 유지하며 캔버스를 줄일 때 밖으로 나가는 요소가 있으면 조용히 자르지 않고 안내합니다.

자주 묻는 질문

페이지를 닫아도 보드가 남나요?

자동 보관하지 않으므로 닫거나 새로고침하면 탭의 작업은 사라집니다. 이어서 수정할 보드는 프로젝트JSON으로 직접 저장하고, 전달할 최종 그림은PNG도 함께 내려받으세요.

터치로 그릴 때 페이지가 움직이나요?

그리기 영역은 터치 획이 페이지 스크롤로 바뀌지 않게 처리합니다. 캔버스 밖에서 페이지를 움직이거나 화면 확대 선택과 스크롤 영역을 이용해 큰 보드를 확인하세요.

기준과 참고 자료

이 도구와 함께 읽기