文件名称：白板：基于画布的白板
文件大小：128KB
文件格式：ZIP
更新时间：2024-03-07 07:13:15
javascript canvas whiteboard JavaScript
白板 具有画布元素的绘图板应用程序，支持在其上绘制和书写。 特征 工具 笔-大小为1,2,3,4,5像素的永久笔触 荧光笔-笔触，不透明度为50％，初始宽度为5px（可从侧面控件中选择宽度）。 在绘制新的高光笔触时，先前的高光将被删除 橡皮擦-通过拖动将其删除 颜色 颜色-右栏中的选项更改笔和荧光笔的颜色 技术/工具 VanillaJS，带有用于打包的webpack和用于转译的babel 运行步骤 克隆存储库 我 npm run dev-启动开发服务器 建筑学 遵循MVC架构分离代码以确保模块化 模型-包含应用程序的核心数据 视图-处理DOM中的UI和事件侦听器 控制器-充当模型和视图之间的桥梁
【文件预览】：
whiteboard-master
----.babelrc(154B)
----images()
--------eraser.png(18KB)
--------brush.png(2KB)
--------pen.png(17KB)
--------undo.png(16KB)
--------favicon.ico(15KB)
----package.json(980B)
----index.html(4KB)
----package-lock.json(306KB)
----src()
--------utils.js(388B)
--------index.js(2KB)
--------view.js(4KB)
--------model.js(878B)
--------controller.js(3KB)
--------constants.js(126B)
----.gitignore(13B)
----webpack.config.js(1010B)
----styles()
--------index.css(1KB)
----README.md(1021B)
----build()
--------images()
--------index.html(3KB)
--------styles()
--------bundle.js(8KB)