如何在小程序中创建一个简易手写签名功能组件的实例？

本文共计1101个文字，预计阅读时间需要5分钟。

目录+背景：+需求：+效果+一、思路+二、实现+1. 页面与样式+2. 初始化+3. 点击时+4. 签名时+三、总结+背景：在项目过程中，需要在微信小程序中实现手写签名组件。

目录

• 背景：
• 需求：
• 效果
• 一、思路
• 二、实现
• 1. 页面与样式
  
• 2. 初始化
  
• 3. 点击时
  
• 4. 签名时
  
• 三、总结

背景：

在做项目过程中，需要在微信小程序中实现手写签名组件。在网上找了微信小程序手写签名实现，但是都是不太理想。在实际运用中，会因为实时计算较多的贝塞尔曲线而产生卡顿。效果不理想。所以退一步，不需要笔锋以及笔迹模拟效果。只需要简单的手写签名实现。

需求：

可以实现用户在微信小程序上手写签名。

需要组件化。

效果

一、思路

在微信小程序中，我们使用canvas组件实现。将用户的输入想象成为一只笔。我们要画的签名是由很多点构成的。但是单纯的点是不能很好地构成线。点与点之间还要由线连接。下面是实现过程代码。