使用vite
+vue3
+typescript
+fabric
创建的互动白板项目
预览地址:https://icnpath.com/interactive-whiteboard/
- 撤销重做
- 画布缩放
- 自由绘制
- 形状绘制
- 橡皮擦
- 清空画布
- 动态调整鼠标光标
- PPT预览
- 图片插入
- 图片插入默认居中
- 白板画面实时同步
- 白板传输数据gzip压缩
- 画笔尺寸调整
- 画笔颜色选择
- 安装依赖
pnpm install
- 进入
node_modules/fabric
执行下面的命令
node build.js modules=ALL exclude=gestures,accessors requirejs minifier=uglifyjs
温馨提示:执行以上命令,需要全局安装
uglifyjs
,安装命令如下:npm install uglifyjs -g
- 运行项目
pnpm dev