Image Clip Component For Vue.js

Image Clip Component For Vue.js

A Vue.js Image Clip component that lets you crop a specific part of your image.

vue-image-clip

Image clip component based on vue2. Try the demo

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Usage

Just add CustomCropper.vue and SelectBox.vue to your project.

CustomCropper.vue require SelectBox.vue, you need to put them in the same directory

<template>
  <div id="app">
    <Custom-Cropper></Custom-Cropper>
  </div>
</template>

<script>
  import CustomCropper from './YourPath/CustomCropper';

  export default {
    components: {
      CustomCropper
    }
  };
</script>

License

MIT

Github Repository

Tags: #VueJs