1.0.4 • Published 6 months ago
dmyz-make-seal v1.0.4
dmyz-make-seal 制作印章(模块/插件)
技术栈
vue2、element-ui、opencvjs、konva.js
开发环境
node 14.21.3
说明
本模块打包成 npm 包,使用方式为:
1、安装
npm i dmyz-make-seal --legacy-peer-deps
2、集成
1)main.js
import MakeSeal from 'dmyz-make-seal';
import 'dmyz-make-seal/dist/dmyz-make-seal.css';
Vue.use(MakeSeal);
2)组件
<!-- 制作印章组件 -->
<MakeSeal
:visible="cmf.visible"
:file="cmf.file"
:sf="sealForm"
:cst="chooseSealTemplate"
@ok="onMakeSealOk"
@close="onMakeSealClose"></MakeSeal>
3、组件参数说明
- visible(是否显示),值:true false
- file(选择的文件),值:File 对象
- sf,值:参考 sass 平台的 sealForm 对象
- cst,值:参考 sass 平台的 chooseSealTemplate 对象
- ok(弹窗点 确定 后触发的事件),值:Fucntion
- close(弹窗 关闭 后触发的事件),值:Fucntion
4、ok 与 close 事件处理说明
// ok 事件
onMakeSealOk(file) {
// 返回处理后的文件对象
// Do something ...
this.getUpLoadSeal(file);
}
// close 事件
onMakeSealClose() {
// Do something ...
this.cmf.visible = false;
this.cmf.file = null;
this.cmf.cst = null;
this.cmf.sf = null;
this.sealFormUploadImgLoading = false;
}
5、package.json 相关依赖
"dependencies": {
"element-ui": "^2.15.6",
"konva": "^9.3.14",
"lodash-es": "^4.17.21",
"opencv4js": "^3.4.3",
},