/lets-drawing

Web Paint with JavaScript

Primary LanguageJavaScript

lets-drawing

자바스크립트로 만든 웹 그림판

사용한 기술들

  • React.js
  • Node.js
  • React-redux
  • MongoDB
  • Canvas

그림판 기능

1. drawing

  • 그리기
  • 칠하기(Paint all)

2. history

  • 실행 취소(undo)
  • 되돌리기(redo)

3. Text

  • 채워진 글씨
  • 테두리 글씨
  • 스타일 수정(색, 크기, 테두리, 투명도) 가능 (확정 전까지 수정 가능)
  • 위치 이동 가능 (draggable, 확정 전까지 수정 가능)

4. shapes

  • Rectangle
  • Triangle
  • Circle

5. colors

  • View current color
  • Color picker
  • Pipette
  • Color opacity control with range scroll

6. system

  • Save (cloud / local)
  • Load
  • New page
  • Gallery
  • login/logout