Skip to content

oyjt/interactive-whiteboard

Repository files navigation

互动白板

使用vite+vue3+typescript+fabric创建的互动白板项目

预览地址:https://icnpath.com/interactive-whiteboard/

主要功能

  • 撤销重做
  • 画布缩放
  • 自由绘制
  • 形状绘制
  • 橡皮擦
  • 清空画布
  • 动态调整鼠标光标
  • PPT预览
  • 图片插入
  • 图片插入默认居中
  • 白板画面实时同步
  • 白板传输数据gzip压缩
  • 画笔尺寸调整
  • 画笔颜色选择

使用说明

  1. 安装依赖
pnpm install
  1. 进入node_modules/fabric执行下面的命令
node build.js modules=ALL exclude=gestures,accessors requirejs minifier=uglifyjs

温馨提示:执行以上命令,需要全局安装uglifyjs,安装命令如下:

npm install uglifyjs -g
  1. 运行项目
pnpm dev