web保存外接手写输入板的签名字迹

Question

用visual studio，C#语言，开发一个web程序。想要实现的功能是：外连一个手写输入板，比如：爱国者手写输入法系统。在手写板上签名。系统可以将签名的字迹保存在web程序中。如何实现？尝试过用canvas，但是这个要用鼠标才能完成签名。

Answer 1

引自强大而免费的微信小程序：皆我百晓生。

---

要实现在web程序中保存手写签名的字迹，你可以尝试以下步骤：

1. 从爱国者手写输入法系统获取相应的手写输入板。这可能需要购买硬件或者寻找适用于web的开源库。

2. 在web程序的前端，创建一个用于显示手写签名的区域，可以使用HTML的canvas元素。

3. 在C#后端，创建一个API接口用于接收并保存手写签名的字迹。你可以使用ASP.NET Web API或者ASP.NET Core来实现。

4. 在前端，使用JavaScript监听手写输入板的手写事件，并将手写的轨迹绘制到canvas上。这可以通过获取输入板返回的坐标数据并使用canvas的绘图API实现。

5. 一旦用户完成签名，你可以将canvas中的图像数据转换成base64编码字符串，并将其作为HTTP请求发送给后端API接口。

6. 在后端API接口中，接收到请求后，将base64编码字符串转换为图像文件，然后保存到你的web程序的指定位置。

7. 保存完毕后，你可以在需要的地方读取并展示用户的签名字迹。

这些步骤只是一个简单的指导，具体实现可能需要你根据自己的需求进行调整和优化。希望能对你有所帮助！