【微信小程序】实现手写电子签名并保存为图片功能

需求概述:
微信小程序的一个功能,类似于画板,用于电子签名,要求有一键清空画板和保存功能。
【微信小程序】实现手写电子签名并保存为图片功能_第1张图片

实现思路:
微信开发文档中的Canvas组件
微信画布API中的
wx.createCanvasContext(string canvasId, Object this)
wx.canvasToTempFilePath(Object object, Object this)
CanvasContext.draw(boolean reserve, function callback)
开发文档中把上面的API的用法写的很详细了,这里不多赘述了,直接放代码:
WXML文件

<view class="Container">
    <view class="PaintRegion">
        
        <canvas class="myCanvas" 
                canvas-id="myCanvas" 
                bindtouchstart="touchStart" 
                bindtouchmove="touchMove" 
                bindtouchend="touchEnd">
        canvas>
    view>
    <view class="BtnRegion">
        
        <button type="primary" size="mini"
            bind:tap="clearCanvas">清空button>   
        <button type="primary" size="mini"
            bind:tap="S

你可能感兴趣的:(微信小程序,小程序)