Qbian61 / whiteBoard

画笔、直线、矩形、圆、输入文本、橡皮擦、撤销上一步、清空、改变线条宽度、改变线条颜色、设置背景图片。

Home Page:http://qbian.me:8082/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

whiteBoard

可访问地址: http://42.51.0.196:8082/

功能列表:

  • 改变线条颜色
  • 改变线条宽度
  • 画笔
  • 直线
  • 画矩形
  • 画圆
  • 填写文本
  • 橡皮擦
  • 撤销上一步
  • 清空画板
  • 上传画板背景图片,图片仓库管理。
  • 访问地址后跟上查询参数 ?id=roomId 可进入自定义房间免受其他用户干扰
  • 画布等比缩放

效果图

示例图-1

示例图-2(有背景图片)

示例图-3(有背景图片)

启动步骤

git clone https://github.com/Qbian61/whiteBoard.git

cd whiteBoard

npm install

node server.js

启动成功后访问 http://127.0.0.1:8082 即可。

About

画笔、直线、矩形、圆、输入文本、橡皮擦、撤销上一步、清空、改变线条宽度、改变线条颜色、设置背景图片。

http://qbian.me:8082/


Languages

Language:JavaScript 75.4%Language:HTML 12.7%Language:CSS 11.9%