📝 业务场景

  • 用户在页面使用电子签名进行文件的签收与信息的确认

🔍 分析

  • 考虑用户会通过手机或者PC端进行操作，因此需要在事件中考虑手机端部分

📐 思路

  • 通过一个对话框的形式利用Canvas生成图片并通过toDataURL()转换成Base64的形式保存下来提交给后端进行保存

最终效果

组件效果
组件效果
预览签名

🚄 实现

说明

  • 考虑到后面这个东西会常用，因此我这里通过组件的形式来实现。
  • 用的事件mousedown、mouseup、mousemove、touchstart、touchmove、touchend

✨组件封装✨


此处内容已隐藏，请登录后刷新页面查看