2.1.2 • Published 4 years ago

@gaoding/passport-editor v2.1.2

Weekly downloads
51
License
UNLICENSED
Repository
-
Last release
4 years ago

Passport-Editor

证件照编辑器的 Vue 组件,承载着证件照特效核心功能。

使用

Installl

npm install --save @gaoding/passort-editor

Usage

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

Vue.use(PassportEditor);

Vue({
    el: '#app',
    data: () {
        return {
            clipData: clipData,
            passportWidth: 437,
            passportHeight: 590,
            sourceImage: '',
            options: {}
        };
    },
    methods: {
        onError: function(error) => {
            // do something
        },
        onTrack: function(track) => {
            // tracking
        }
    }
})
<passport-editor
    ref="passportEditor"
    style="width:100%;height:100%"
    :clip-data="clipData"
    :passport-width="passportWidth"
    :passport-height="passportHeight"
    :source-image="sourceImage"
    :options="options"
    @on-error="onError"
    @on-track="onTrack"
    ></passport-editor>

Attributes

参数必填说明类型可选值默认值
clipData抠图服务返回的数据Object--
passportWidth证件照的宽度Number--
passportHeight证件照的高度Number--
sourceImage原始照片地址String--
options编辑器的配置Object-PassportEditor.defaultConfig

Events

  • onError - 编辑器错误回调
onError: function(error: {name: string, message: string}) {
    // PassportEditor.ErrorType 暴露了编辑器内部的错误枚举
    const ErrorType = PassportEditor.ErrorType;
    switch (error.name) {
    case ErrorType.NO_WEB_ASSEMBLY:
        // 不支持 WebAssembly
    case ErrorType.LOAD_IMAGE:
        // 加载图片错误
    case ErrorType.UNKNOWN:
        // 未知错误
    }
}
  • onTrack - 埋点事件回调
onTrack: function(track: {
    event: string,
    op_busi: 'string',
    sc_page: 'string',
    [key in string]: string
}) {
    // 神策埋点
}

开发

2.1.2

4 years ago

2.1.1

4 years ago

2.1.0

4 years ago

2.0.6

4 years ago

2.0.5

4 years ago

2.0.4

6 years ago

2.0.3

6 years ago

2.0.2

6 years ago

2.0.1

6 years ago

2.0.0

6 years ago

1.3.1

6 years ago

1.3.0

6 years ago

1.2.4

6 years ago

1.2.3

6 years ago

1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.5

6 years ago

1.1.4

6 years ago

1.1.3

6 years ago

1.1.2

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago

0.0.28

6 years ago

0.0.27

7 years ago

0.0.26

7 years ago

0.0.25

7 years ago

0.0.24

7 years ago

0.0.23

7 years ago

0.0.22

7 years ago

0.0.21

7 years ago

0.0.20

7 years ago

0.0.19

7 years ago

0.0.18

7 years ago

0.0.17

7 years ago

0.0.16

7 years ago

0.0.15

7 years ago

0.0.14

7 years ago

0.0.13

7 years ago

0.0.12

7 years ago

0.0.11

7 years ago

0.0.10

7 years ago

0.0.9

7 years ago

0.0.8

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago