vue-imgcrop v0.1.4

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 | |--|--|--|--|