uni-app 实现手写签名

代码主要是参考:

实现 uniapp 手写签名功能 - 简书

本示例主要包含三个功能:

1、绘制签名笔迹

2、判断当前是否已经签名 (食之无味,弃之可惜的功能,聊胜于无吧哈哈哈哈)

3、根据实际需求旋转笔迹方向,这个功能其实是通过uni-app提供的压缩图片的接口来实现的。因为当前设置是横屏签名,如果是这样保存的话,签名的方向是横向的,不符合当前的项目需求,所以,需要将生成的签名笔迹图旋转一定角度再保存。具体旋转角度,请根据实际需求进行相应的更改。

同时要注意,保存图片到本地的话,在H5平台下,tempFilePath 为 base64,真机的情况下会默认保存到相册,而压缩图片的接口调用好像要依靠真机,调试使用的时候要注意

这是效果图

uni-app 实现手写签名_第1张图片

这是代码





 

你可能感兴趣的