passport-editor v0.0.1

证件照编辑器

这个是证件照的编辑器组件

安装

npm install @gaoding/passport-editor --save

使用

passport-editor {
    width: 100%;
    height: 100%;
}

<passport-editor
    :options="options"
    :passport-width="passportWidth"
    :passport-height="passportHeight"
    :origin-image-url="originImageUrl"
    :clipInfo="clipInfo"
    >
</passport-editor>

import Vue from 'vue';
import PassportEditor from '@gaoding/passpotr-editor';

Vue.use(PassportEditor);

export default {
    data() {
        return {
            options: { }, // 编辑器配置（可选）
            passportWidth: 650, // 证件照宽度
            passportHeight: 950 // 证件照高度
            originImageUrl: '' // 证件照原始图片地址
            clipInfo: {
                pupilBaseUrl: '' // 瞳孔底图
                pupilEffectUrls: ['', '', ''] // 瞳孔高光叠加图地址, 目前有3张
                faceRect: {
                    left: 0, // 面部左边界
                    top: 0, // 面部上边界
                    right: 0, // 面部右边界
                    bottom: 0, // 面部下边界
                    width: 0, // 面部宽度
                    height: 0, // 面部高度
                    id: 0 // id，目前固定为0
                },
                faceEdgePoints: { 
                    x: [], // 面部关键点x坐标地址列表，固定68个
                    y: [] // 面部关键点y坐标地址列表，固定68个
                },
                cutoutImageUrl: '' // AI抠图后的证件照图片地址
                whiteningUrls: [] // 磨皮美白预处理后的证件照图片地址列表，目前有4张
            }
        }
    }
}

参数说明

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build