实时同步画板JS工具类

绘制功能使用了fabricjs工具库，地址: http://fabricjs.com/

使用方法

npm install mizboard

简单使用示例：

import {Room, User, OperaType} from 'mizboard'

const user = new User('{username}', '{password}');
const room = new Room(user, '{dom id}', roomOption);
room.load("{roomid}")
.then(() => {
  room.setCanvasOpera({type: OperaType.PENCIL}) // 白板房间准备完毕后，设置动作为画笔
})

方法调用

• 支持的动作 OperaType

  • 画笔
  • 擦除
  • 禁用动作(默认)

• 支持的图形

  • 直线
  • 三角形
  • 圆形
  • 矩形

• 支持的回调事件 RoomEvents

  • loaded 房间加载完成后
  • afterConnect socket服务连接后
  • closeConnect socket服务断开后
  • setOpera 设置动作后
  • setStyle 设置画笔样式后
  • onAddCanvas 添加页面后
  • clearCanvas 清空页面后
  • updatePPT ppt更新后
  • togglePPT 切换ppt显示后

类型

OperaType {
  PENCIL,
  MOVE,
  ERASE,
  IMAGE,
  CLOSE,
}

ShapeType {
  LINE = 20,
  TRIANGLE,
  CIRCLE,
  RECT
}

RoomOption {
  allowBoardcast?: boolean
  size?: Size
  baseURL?: string
  socketBaseURL?: string
}

打包npm包

npm run build