该项目采用Vue3和Element Plus构建前端，详细介绍了前端实现手写识别的过程，包括技术选型遇到的问题（如Vite与旧版组件的兼容性），以及解决方案。前端功能包括手写识别、画笔调整、清空画板等。在main.js中配置入口，并通过模板、脚本和样式实现页面结构。背景代码通过大量DOM旋转实现星星图案效果。
目录
前端总体实现构思
前端技术选型
前端使用vue+element plus实现，element plus 是饿了么团队基于vue3 推出的UI库，能有效提升界面的美观程度
技术困难及解决方式
由于手写识别需要手绘板，于2022年2月7日新推出的vue3是较为方便和新的前端开发方式，使用vue+vite 进行前端工具的开发，但是在使用后发现实现手绘板的功能的esign组件不支持vite，于是更改为使用vue CLI脚手架，因为vite 在vue3出现之后逐渐普及，因而在一些老组件如esign无法支持，在之前的vue学习中也花费较多时间学习了vue CLI脚手架的使用，相比vite开发的前端而言，vue CLI的运行速度明显较慢，同为前端运行程序，vite比vue CLI 快10-100倍，但由于实现功能局限性问题，只能使用vue CLI。
功能
前段主要体现手写识别，画笔粗细调整，画笔颜色调整，清空画板，橡皮擦，绘制功能，手机上传图片进行识别功能，电脑上传图片功能，生成latex格式的公式进行复制的功能，生成公式图片进行下载
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
