小程序实现手写签名

本文介绍了在微信小程序上如何实现手写签名功能,重点讨论了新版和旧版获取canvascontext的区别及其可能导致的问题。在新版中,由于滑动可能会导致签名坐标异常,作者建议使用旧版来避免这个问题。文章提供了canvas的代码示例以及签名js方法,包括如何生成本地图片。
摘要由CSDN通过智能技术生成

在微信小程序上实现手写签名,获取canvascontext新版本和旧版本有点坑,新版本在获取canvas后如果页面有滑动,则签名坐标出现异常(在微信开发者工具上会出现2022-2-17),但是在真机上即使滑动也不会出现异常,为了防止出现问题,暂时使用旧版本获取canvascontext

1.效果图

在这里插入图片描述
在这里插入图片描述

#2.相关代码

  • 1.canvas代码
    • 新版2d canvas
<canvas
	id="canvas"
	class="canvas"
	canvas-id="canvas"
	type="2d"
	:disable-scroll="true"
	@touchstart="handleTouchStart"
	@touchmove="handleTouchMove"
	@touchend="handleTouchEnd"
	@touchcancel="handleTouchCancel"
></canvas>
  • 旧版canvas
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值