Nefarious Pickle Muncher

    @yz1311/taro-signature-pad
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.1 • Public • Published

    taro-signature-pad

    npm version npm version

    taro的手写签名库

    只支持taro3小程序,h5没有做兼容处理,只支持Canvas type="2d"

    安装

    npm install @yz1311/taro-signature-pad --save
    

    使用

    import {SignaturePad} from "@yz1311/taro-signature-pad";
    
    ...
    //组件默认是100%高宽
    
    <Signature
        className="signature-canvas"
        ref={signatureRef}
    />
    

    方法

    isEmpty(): boolean

    判断是否签名是空白的

    fromDataURL(dataUrl, options, callback): void

    还原签名数据

    • dataUrl: 图片的base64数据
    • options: 选项
    • callback: 回调方法

    toDataURL(type, encoderOptions): string

    获取签名数据

    默认为png图片,实际调用的canvas的toDataURL函数,参考:

    https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCanvasElement/toDataURL

    clear(): void

    清空签名数据

    save(): void

    将签名数据转换为png图片并且保存到系统相册

    截图

    Install

    npm i @yz1311/taro-signature-pad

    DownloadsWeekly Downloads

    4

    Version

    0.0.1

    License

    MIT

    Unpacked Size

    20 kB

    Total Files

    13

    Last publish

    Collaborators

    • yz1311