更新记录
1.0.0(2025-06-13) 下载此版本
插件功能说明
这个 uni-app 电子印章生成插件具有以下功能:
1、基本信息输入: 输入公司名称 选择印章类型(公章、财务章、合同章、法人私章) 调整防伪级别(1-5 级) 2、印章生成: 自动生成带有公司名称的圆形印章 印章类型显示在中间位置 公司名称环绕在外圈 3、防伪特征: 根据所选防伪级别自动生成不同复杂度的防伪切割线 添加随机分布的防伪点 防伪级别越高,特征越复杂 4、画板功能: 支持在印章上自由绘制 提供多种颜色选择 可调整画笔粗细 支持清空和保存功能 5、用户界面: 简洁美观的设计 清晰的视觉反馈 响应式布局,适配不同设备
使用方法:
将上述代码复制到你的 uni-app 项目中 确保创建了相应的页面路径(pages/seal-generator/seal-generator.vue) 在 pages.json 中配置该页面路由 运行项目,打开该页面即可使用 这个插件适合需要生成电子印章的场景,如文档签署、合同审批等。您可以根据实际需求进一步扩展功能,如添加更多印章样式、调整文字大小和字体等。
平台兼容性
uni-app(4.01)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
uni-app x(4.01)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | - | - | - | - |
电子印章生成器插件使用文档
电子印章生成器插件
概述
电子印章生成器是一款基于uni-app框架开发的插件,用于生成各类电子印章。插件支持自定义公司名称、印章类型,并能根据不同的防伪级别添加防伪特征。用户还可以使用画板功能在印章上自由绘制,满足个性化需求。
功能特性
- 支持多种印章类型:公章、财务章、合同章、法人私章
- 自定义公司名称,自动排版为环形布局
- 可调整防伪级别,生成不同复杂度的防伪切割线和防伪点
- 内置画板工具,支持自由绘制、颜色选择和画笔粗细调整
- 一键保存生成的印章图片到本地相册
兼容性
- HBuilderX:2.6.0及以上版本
- 基础库:
- 微信小程序:基础库2.7.0及以上
- 支付宝小程序:基础库1.11.0及以上
- 百度小程序:基础库3.300.0及以上
- 抖音小程序:基础库1.0.0及以上
- App端:Android 5.0+、iOS 9.0+
安装步骤
- 将插件文件复制到项目的pages目录下
- 在pages.json中配置页面路由
- 确保项目中引入了必要的依赖
使用方法
1. 输入基本信息
- 在"公司名称"输入框中填写需要显示在印章上的公司名称
- 在"印章类型"选择器中选择需要的印章类型
- 通过滑块调整防伪级别(1-5级)
2. 生成印章
- 点击"生成印章"按钮,系统将根据您输入的信息自动生成印章
- 生成的印章将显示在预览区域,包括外圆、内圆、公司名称和印章类型
3. 自定义绘制
- 使用画板工具区域的颜色选择器选择画笔颜色
- 通过滑块调整画笔粗细
- 在印章预览区域直接触摸绘制,添加个性化签名或标记
4. 保存印章
- 点击"保存印章"按钮,将生成的印章保存到本地相册
- 系统会提示保存成功或失败
API说明
组件属性
属性名 | 类型 | 默认值 | 描述 |
---|---|---|---|
companyName | String | '' | 公司名称,显示在印章外圆上 |
sealTypeIndex | Number | 0 | 印章类型索引,对应sealTypes数组中的值 |
antiForgeryLevel | Number | 3 | 防伪级别,范围1-5 |
selectedColor | String | '#FF0000' | 当前选择的画笔颜色 |
brushSize | Number | 2 | 当前画笔粗细 |
方法
方法名 | 参数 | 返回值 | 描述 |
---|---|---|---|
generateSeal() | 无 | 无 | 根据输入信息生成印章 |
clearCanvas() | 无 | 无 | 清空画布 |
saveSeal() | 无 | 无 | 保存印章图片到本地 |
selectColor(color) | color: String | 无 | 选择画笔颜色 |
onBrushSizeChange(e) | e: Object | 无 | 调整画笔粗细 |
常见问题
为什么印章上的文字显示不全?
当公司名称过长时,可能会导致文字重叠或显示不全。建议公司名称控制在10-15个汉字以内,或调整字体大小。
如何在不同平台上使用?
插件基于uni-app框架开发,支持多平台发布。只需在HBuilderX中选择对应的平台进行打包即可。
保存的印章图片在哪里可以找到?
在App端,印章图片会保存到系统相册中;在小程序端,图片会保存到临时文件目录,可通过API获取。
扩展建议
如需添加更多印章样式,可在代码中扩展sealTypes数组;若需调整文字大小或布局,可修改generateSeal方法中的相关参数;为增强防伪效果,可添加更多类型的防伪特征,如二维码、水印等。
技术支持
如在使用过程中遇到问题,请查阅uni-app官方文档或在插件社区提问。