实现共享协作的画板(简版石墨文档的白板)

简述

之前用canvas实现过贪吃蛇,拼图,五子棋等一些小游戏,继续的,想要开发一个画板,起初知识想要实现一个简单的画板功能,只是画板,只能在上面乱涂乱画,后面,想到石墨文档有一个白板功能,我就决定将当前这个简易画板开发成简易协作版的画板。

核心功能

开发完成:

  • 画布缩放(Done)
  • 画布颜色(Done)
  • 画笔颜色(Done)
  • 画笔粗细(Done)
  • 历史记录(撤销,恢复)(Done)
  • 聊天室(Done)
  • 绘制协作(类似于石墨文档协作)(Done)

待开发的功能:

  • UI 界面美化(待开发)
  • 文字控件(待开发)
  • 上传图片,基于图片绘图(待开发)
  • 绘图带基本形状可拖拽调控大小 (待开发)
  • 聊天功能丰富(表情,图片,音视频)(待开发)
  • 其它未知功能(x)

主要的难点还是在于绘图的实现和端与端之间的通讯。

效果图

  • 简易版本
    简易版本

  • 协作版本
    协作版本
    协作版本

源码

由于代码有点多,就不在这里展示,想要学习的小伙伴可以加我微信成为好友,我会发送源码给你一起探讨哦!
博主微信

坚持原创技术分享,您的支持将鼓励我继续创作!