사이트 소개
Draw Tools는 일상적인 그림과 수업을 위한 무료·회원가입 없는 온라인 그리기 도구 모음입니다. 화이트보드, 순서도, 마인드맵, 작도, 함수 그래프를 브라우저에서 처리하고 PNG / SVG / JSON으로 내보냅니다.
무엇을 하나요
자주 쓰는 그리기 요구를 한곳에 모았습니다. 자유 드로잉, 순서도, 마인드맵, 이미지 주석, 작도, 함수 그래프, 인쇄 가능한 모눈종이.
도구 목록
8가지 도구가 자유 드로잉, 구조화된 도형, 수업 시연을 다루며 모두 내보내기를 지원합니다.
드로잉 보드
열자마자 쓰는 자유 드로잉 보드. 도형, 텍스트, 내보내기를 지원합니다.
수업 화이트보드
레이저 포인터, 모눈 배경, 전체 화면 발표를 갖춘 수업용 화이트보드.
순서도
노드를 끌어다 연결해 프로세스, 구조, 의사결정을 빠르게 그립니다.
마인드맵
주제를 입력하고 단계별로 가지를 추가하면 자동 배치되어 이미지로 내보냅니다.
작도 보드
좌표 모눈 위에 점, 선분, 원을 그리고 길이와 반지름을 실시간으로 표시합니다.
함수 그래프
함수식을 입력하면 곡선을 실시간으로 그리고 좌표를 확인할 수 있습니다.
이미지 주석
이미지를 캔버스에 올리고 중요한 부분을 표시하거나 화살표와 설명을 추가합니다.
모눈종이 생성
인쇄 가능한 격자지, 점 격자지, 줄 노트, 좌표지를 생성합니다.
개인정보
모든 그리기 처리는 브라우저에서 이뤄지며 서버로 전송되지 않습니다. 직접 내보내지 않는 한 내용은 기기를 떠나지 않습니다.
수업 활용
화이트보드는 레이저 포인터와 모눈 배경을 지원하고, 작도와 함수 도구는 설명에, 모눈종이는 연습지로 바로 인쇄할 수 있습니다.
기술 구성
Vue 3 + Vite + TypeScript로 만든 정적 사이트입니다. 캔버스는 네이티브 Canvas와 SVG를 사용하며 서드파티 그리기 라이브러리가 없습니다.
문의
질문, 제안, 협업은 {email}로 연락해 주세요. 피드백 이메일