更新记录

1.0.2（2023-06-08） 下载此版本

增加预览二维码

1.0.1（2023-05-31） 下载此版本

增加license

1.0.0（2023-05-26） 下载此版本

初始化发布

平台兼容性

liu-signature适用于uni-app项目的签名板、手写签名、签字组件

本组件目前兼容微信小程序、H5

本组件是简单好用的签名板、手写签名、签字组件，可设置签名板宽度、签名板高度、签名板背景色、画笔大小、画笔颜色、生成的格式等

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用示例

<template>
    <view class="tab-box">
        <liu-signature @change="change"></liu-signature>
        <image class="success-img" :src="url" @click="previewImg(url)"></image>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                url: ''
            };
        },
        methods: {
            change(e) {
                console.log('生成的图片:', e)
                this.url = e
            },
            //预览图片
            previewImg(url) {
                if (!url) return
                let list = [url]
                uni.previewImage({
                    urls: list
                })
            }
        }
    };
</script>

<style lang="scss" scoped>
    .tab-box {
        width: 100%;
        height: 100vh;
        background-color: #f0f0f0;

        .success-img {
            width: 100%;
            height: 500rpx;
        }
    }
</style>

属性说明