白板:基于画布的白板 源码

白板 具有画布元素的绘图板应用程序,支持在其上绘制和书写。 特征 工具 笔-大小为1,2,3,4,5像素的永久笔触 荧光笔-笔触,不透明度为50%,初始宽度为5px(可从侧面控件中选择宽度)。 在绘制新的高光笔触时,先前的高光将被删除 橡皮擦-通过拖动将其删除 颜色 颜色-右栏中的选项更改笔和荧光笔的颜色 技术/工具 VanillaJS,带有用于打包的webpack和用于转译的babel 运行步骤 克隆存储库 我 npm run dev-启动开发服务器 建筑学 遵循MVC架构分离代码以确保模块化 模型-包含应用程序的核心数据 视图-处理DOM中的UI和事件侦听器 控制器-充当模型和视图之间的桥