手写签名识别项目1

  |  

前言

最近要搞个前端项目,关于如何实现手写签名识别的,这里记一下学习的内容,项目的进展和遇到的问题及解决方法等等


30



开发环境

编辑器: WebStorm

框架: Vue

打包工具:Webpack

包管理工具:nmp

预计使用的组件:

  • aixos:与后端进行通信
  • vue-route:路由管理
  • canvas:用来实现手写界面
  • element-ui:前端样式库

预期结果

两个界面,一个注册界面,一个登陆界面,注册界面用来注册账号,并通过canvas来获取手写签名的特征,主要特征就两点,一个是画点相对于画布左上角的左边,一个就是画点绘画时的时间戳。登陆界面就用来登陆,并且验证手写特征

计划

先花个两到三天学习一下canvas的使用

再花两道三天的时间,尝试编写一个demo,来判断用canvas实现手写签名的可能性,并获得一部分数据已供后端识别算法测试

最后,在国庆假期完成整体项目,先完成前端的设计,到界面的实现,然后将完善的手写板嵌入进去。

手写板的功能

目前就两个,手写,一次性清除

文章目录
  1. 1. 开发环境
  2. 2. 预期结果
  3. 3. 计划
  4. 4. 手写板的功能