微信小程序手势解锁，源码

微信小程序手势解锁的源码可以参考以下步骤：

1. 首先，需要创建一个画布，用于绘制手势轨迹。可以在 wxml 文件中添加一个 canvas 标签，并设置宽高和 id：

<canvas canvas-id="gestureCanvas" style="width: 100%; height: 100%;"></canvas>

2. 在 js 文件中，需要获取 canvas 对象，并设置一些相关的属性：

const ctx = wx.createCanvasContext('gestureCanvas')
const canvasWidth = wx.getSystemInfoSync().windowWidth
const canvasHeight = wx.getSystemInfoSync().windowHeight
const cellWidth = canvasWidth / 3 // 九宫格每个格子的宽度
const cellHeight = canvasHeight / 3 // 九宫格每个格子的高度
let startPoint = {} // 起点坐标
let endPoint = {} // 终点坐标
let selectedPoints = [] // 已经选中的点
let isDrawing = false // 是否正在绘制手势轨迹

3. 接着，需要监听 canvas 的 touchstart、touchmove 和 touchend 事件，并在事件处理函数中实现手势解锁的逻辑：

// 监听 touchstart 事件
wx.canvasStart = function (e) {
  startPoint = { x: e.touches[0].x, y: e.touches[0].y }
  isDrawing = true
}

// 监听 touchmove 事件
wx.canvasMove = function (e) {
  if (isDrawing) {
    const x = e.touches[0].x
    const y = e.touches[0].y
    const cellX = Math.floor(x / cellWidth)
    const cellY = Math.floor(y / cellHeight)
    const point = `${cellX}-${cellY}`
    if (selectedPoints.indexOf(point) === -1) {
      selectedPoints.push(point)
      endPoint = { x, y }
      drawLine(startPoint, endPoint)
      startPoint = endPoint
    }
  }
}

// 监听 touchend 事件
wx.canvasEnd = function (e) {
  isDrawing = false
  // 处理手势解锁结果
  handleGestureResult(selectedPoints)
}

4. 最后，实现绘制手势轨迹的函数 drawLine 和处理手势解锁结果的函数 handleGestureResult：

// 绘制手势轨迹
function drawLine(start, end) {
  ctx.setStrokeStyle('#fff')
  ctx.setLineWidth(2)
  ctx.beginPath()
  ctx.moveTo(start.x, start.y)
  ctx.lineTo(end.x, end.y)
  ctx.stroke()
  ctx.closePath()
  ctx.draw(true)
}

// 处理手势解锁结果
function handleGestureResult(points) {
  // TODO: 处理手势解锁结果的逻辑
}

以上就是微信小程序手势解锁的基本实现思路和代码示例，仅供参考。完整的源码还需要根据具体需求进行调整和完善。