当前位置: 首页 > 后端技术 > Node.js

我的白板

时间:2023-04-03 18:23:51 Node.js

因为一些个人原因,一直想做一个可以多方使用的白板,类似桌面共享,但是可以多方标注的白板。可访问地址:http://qbian.me:8082/github地址:https://github.com/Qbian61/wh...无浏览器兼容性,只测试了chrome浏览器1.功能列表画布比例缩放,改变线条颜色、更改线宽、画笔工具、画直线、画矩形、画圆、填入文字、橡皮擦撤销上一步、清空画板、上传画板背景图片、图片库管理。访问地址后,按照查询参数?id=roomId进入自定义房间,避免其他用户干扰。文件前端-public/index.html主页-public/css/whiteBoard.css主页样式文件-public/image/...主页图片资源-public/js/Canvas.js自封装的Canvas类-public/js/ImageCache.js自封装本地图片缓存类-public/js/index.jsindex.html页面操作相关事件-public/js/qbian.js自封装画板上各种图形的实体类,以及他们自定义的Function方法,自定义日志,配置信息等-public/js/UUID.js前端生成UUID的js库,主要是自己封装的相关信息(qbian.js),比如circle类、矩形类、自定义日志、自定义观察者对象、前端配置信息等。4.启动步骤gitclonehttps://github.com/Qbian61/whiteBoard.gitcdwhiteBoardnpminstallnodeserver.js启动成功后访问http://127.0.0.1:8082。