vue-cropbalg
1.0.0 • Public • Published vue-cropblg
vue 图片裁剪插件
Installation
$ npm install vue-cropblg
$ yarn add vue-cropblg
Usage
<template>
<crop/>
...
</template>
组件内引入
import { crop } from "vue-cropblg";
...
components: {
crop
},
全局引入
import crop from "vue-cropblg";
Vue.use(crop)
API
Attributes
参数 |
说明 |
类型 |
可选值 |
默认值 |
v-model |
组件 |
Object |
-- |
-- |
position |
水印位置大小[x,y,size] |
Array |
-- |
['90%', '90%',1] |
Methods
方法名 |
说明 |
参数 |
changeImage |
改变处理图片,如果没有传imgAddress,会打开本地 |
Function(imgAddress: String |
getImage |
获取处理后图片,返回Promise,可以选择返回 base64和bolb,quality为文件压缩比 |
Function(type:Base64 |
Slot
name |
说明 |
placeholder |
没有图片时占位图 |
initial |
默认处理图片 |
watermark |
水印(图片或者文字) |
Package Sidebar
Install
Weekly Downloads