查看手机演示

电子签名组件使用（支持web三端）

平台兼容

H5	微信小程序	APP(ios/Android)
√	√	√

代码演示

<template>
	<view class="content" style="padding: 10rpx;">
    <k-sign-diy ref="sig" v-if="isCanvas"  v-model="v" @success="state" @cancel="isCanvas=false" @empty="qikong"></k-sign-diy>
    
	<button @click="isCanvas=true">开始签名</button>
    <image :src="v" mode="widthFix"></image>
    
	</view>
</template>

<script>
	export default {
		data() {
			return {
				v: '',
       isCanvas:false,
			}
		},
		components: {
			Signature,
		},
		onLoad() {
 
		},
		methods: {
	
      state(value){
        console.log('画的图',this.v);
        this.isCanvas=false
      },
      qikong(){
        console.log('清空了');
      },
      
		}
	}
</script>