评论

如何使用canvas绘制签名板？

2023-05-30
1821浏览
3评论

如何实现电子签名板效果

场景分析

在小程序业务中如需用户进行手写签名的场景如：寄快递，签约合同时需要在小程序中进行手写签名。

处理方法


实现原理

运用 canvas 监听用户 touch 事件，然后在 canvas 上画出与 touch 事件相近的线模仿手写签名效果。

实现方法参考如下代码片段：

https://developers.weixin.qq.com/s/MYDTQAmR7EIa



最后一次编辑于  2024-09-09  
点赞 5
收藏
评论

3 个评论

  • 逛吃逛吃
    逛吃逛吃
    2024-12-24

    有没有最新的Canvas-2d的案例啊？ 这个方法好多报错，比较老


    2024-12-24
    赞同
    回复 1
    • 九歌^
      九歌^
      2024-12-24
      没看到有报错哇。
      2024-12-24
      赞
      回复
  • sRect
    sRect
    2024-08-22

    很棒

    2024-08-22
    赞同
    回复
  • Lıu
    Lıu
    2023-06-02

    你这不已经画出来了，


    2023-06-02
    赞同
    回复 2
    • 不知谓
      不知谓
      2023-06-19
      哈哈  这是大佬的分享不是提问
      2023-06-19
      赞
      回复
    • 成哥
      成哥
      发表于移动端
      2023-07-23回复不知谓
      %
      2023-07-23
      赞
      回复
请 登录 后发表内容
作者介绍

文章标签