更新记录
1.0.3(2022-10-18) 下载此版本
更正版本信息
1.0.2(2022-10-18) 下载此版本
更新优化签名水印及文字排版方向,支持小程序、APP版本使用方法
1.0.1(2022-10-18) 下载此版本
更新优化签名水印及文字排版方向,支持小程序、APP版本
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
wyj-sign
这是一款基于uniapp开发的签名插件
+ 用于uni-app的签名组件,支持小程序、APP,内置背景图片,仿签名颜色等,实现了非空验证,可直接到处base64图片。
+ 基本功能已完成,这是一款基于小程序、app开发的用户手写签名组件,支持传入背景图片,仿签名 横屏颜色等等,插件生成base64图片,可直接传入上个页面使用,上传等,导出base64图片可在https://tool.chinaz.com/tools/imgtobase/上查看
直接项目导入
<template>
<view class="content">
<wyj-sign :bgImg="bgImg" :font_color="font_color" :rotate="rotate"/>
</view>
</template>
<script>
export default {
data() {
return {
uname:'', //传入的签名name
font_color: 'pink',//签名name颜色
bgImg:'', //https://alifei04.cfp.cn/creative/vcg/veer/1600water/veer-303195393.jpg
rotate:90, //签名name角度
}
},
}
</script>
<style>
.content {
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
</style>
上个页面站接收base64图片
navgoto(){
uni.navigateTo({
url: '/pages/index/sign'
})
uni.$on('getSignImg', ({base64}) => {
console.log(base64) //拿到的图片数据
this.base64 = base64
});
}