更新记录

0.0.1（2025-08-01） 下载此版本

第一版 Vue3

平台兼容性

uni-app(4.13)

canvas手写板，横屏签名

下载下来后，将组件中ts-signature.vue复制到您的组件中

使用方法

引用组件--注意您组件的路径

import tsSignature from '@/components/ts-signature/ts-signature';

案例

<ts-signature @getImg="getImg"></ts-signature>

js部分，获取生成的图片

getImg(e){
    console.log(e,'getImg')
}

  <view class="sign-box-popup">
    <ts-signature @getImg="getImg" @clickCalcle="showSign=false"></ts-signature>
  </view>

.sign-box-popup {
  padding-top: calc(100rpx + var(--status-bar-height));
  width: 100%;
  height: 100vh;
}

// 签名保存 上传为签名图（canvas需要可访问链接才可以绘制图片）
function getImg(picUrl) {
  // 上传签名图片请求
  doUploadFile(picUrl, (uploadFileRes) => {
    console.log('uploadFileRes', uploadFileRes)
  })
}