실시간 그리기 정리(live drawing)

개요(Overview)

• 일단 canvas 그리기 구현 필요 (아래 douBoard 참고)

• 실시간 그리기 구현시 socket io 이용해서 canvas 좌표 전송해서 그리기

• 화면 해상도가 각각 다를시 html2canvas를 이용해서 화면 캡처 및 디비 저장 필요

참고

• 일반 그리기 라이브러리

  https://github.com/bobkovalex/Basic-Canvas-Paint

• 일반 그리기 (그린거를 도형으로 인식?) (fabricjs_example.html 참고)

  https://github.com/fabricjs/fabric.js

• 그림판 (펜, 지우개) 라이브러리

  https://github.com/daidr/douBoard

• 화면 캡처 (html2canvas)

  https://html2canvas.hertzen.com/

• 소켓 통신 그리기 참고

  https://github.com/yy8305/blog/blob/main/%EC%8B%A4%EC%8B%9C%EA%B0%84%20%EA%B7%B8%EB%A6%AC%EA%B8%B0%20%EC%A0%95%EB%A6%AC(live%20drawing)/fabricjs_example.html