更新记录

1.0.0（2025-04-03）

初始版本

平台兼容性

pdf签章功能 文档签章

组件名：uj-image-signature

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

有项目需要开发的请联系 QQ:371524845

开发不易，如果帮助到你的，请支持 有问题请留言，作者会积极更新

uj-image-signature 用法

<template>
  <view>
     <uj-image-signature style="height: 100vh;width: 750rpx;" @submit="submit" :url-list="list" :sealUrl="sealUrl"></uj-image-signature>
  </view>
</template>

<script>
//有项目需要开发的请联系  扣扣:371524845
export default {
  components: {},
  data() {
    return {
      list: [],
      sealUrl: 'https://huluwa-ec.oss-accelerate.aliyuncs.com/png/3ca0b352ece1461d99eab12a0d46c207.png?Expires=4782675698&OSSAccessKeyId=LTAI4FyD2G3pks8QMgMDFmJV&Signature=KPl%2BP1F8saUwI%2F0XM8LJEONaTHE%3D'
    };
  },
  onLoad() {
    this.getList()
  },
  methods:{
    submit(){
        // 得到的数据
    },
    getList(){
        // 模拟获取数据
        setTimeout(()=>{
            this.list =  ['https://q4.itc.cn/images01/20240920/4f6c299d77e343bda4b72a2d3a5ad26d.jpeg',
            'https://q3.itc.cn/images01/20240920/d9ae90d41c494db6a43696ccaf38a1dd.jpeg',
            'https://q5.itc.cn/images01/20240920/5fe0b1d4a2cb4632a48cbf6cd733333e.jpeg',
            'https://q8.itc.cn/images01/20240920/23b480af6a9745a7b41a6ddc81f47a52.jpeg']
        },3000)
    }  
  }
};
</script>

API

回调

submit参数详解

chapterList 签章信息数组对象说明

roulette 骑缝章信息对象说明

特殊情况说明

1、调用 uj-image-signature 组件需要设置高度

2、签章信息里所用距离是相对距离，比如你图片宽是1200px，这个距离则是相对于1200px

3、在微信小程序-苹果用户中遇到拖动签章页面滑动的情况需要在pages.josn里面配置当前页面的style.disableScroll = true

4、该签名需要后端进行配合将pdf或者其他文档转换成图片组，前段拿到签章信息后返回给后端生成签章文件