vue-imgcrop

A vue component for image crop. (Vue 图片裁剪组件)

Demo 示例

click me

Env 环境

vue@2 + vue-cli3

Install 安装

npm install vue-imgcrop

Usage 使用

<div>
  <VueImgCrop @change="handleChange"></VueImgCrop>
</div>
<script lang="ts">
  import { Component, Vue } from 'vue-property-decorator';
  import { VueImgCrop } from 'vue-imgcrop';
  @Component({
      components: {
          VueImgCrop
      }
  })
  export default class App extends Vue {
       private handleChange(imgData) {
          console.log(imgData);
        },
    };
</script>

Options 配置项

| Prop | Type | Default | Desc |
| format | Array | [‘jpg’, ‘png’, ‘bmp’, ‘jpeg’] | limit image format |
| size | Number | 5 | limit image size |
|—|—|—|—|