更新记录

v1.0.0（2023-06-07） 下载此版本

v1.0.0 无

平台兼容性

signature 简易手绘签名

uniapp 简易手绘签名，包含模拟按压控制粗细的最简签名组件，可以直接使用，也可很方便的二次开发

平台兼容

代码演示

基本用法

<view style="width: 100% ;height: 100%;">
    <cui-signature @tapConfirm="tapConfirm" smoothMode></cui-signature>
</view>

export default {
    data() {
        return {
        }
    },
    methods: {
        tapConfirm(e) {
            console.log(e.tempFilePath, 'canvas生成图片地址');
            uni.saveImageToPhotosAlbum({
                filePath: e.tempFilePath,
                success(res) {
                    uni.showToast({
                        title: '已保存到相册',
                        duration: 2000
                    });
                }
            });
        },
    }
}

插件标签

• 默认 cui-signature 为 component
• cui-button 为 自定义的按钮组件，如果不需要可删掉自己写

API

Props

事件 Events

常见问题

• 容器的尺寸需要明确，建议如示例那样横屏全屏

示例小程序