1.0.4 • Published 6 months ago

dmyz-make-seal v1.0.4

Weekly downloads
-
License
-
Repository
-
Last release
6 months ago

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",
},
1.0.4

6 months ago

1.0.3

6 months ago

1.0.2

6 months ago

1.0.1

6 months ago

1.0.0

6 months ago

0.1.0

6 months ago