https://github.com/legeneek/vue-image-clip

Image clip component based on vue2
https://github.com/legeneek/vue-image-clip

Last synced: 2 months ago
JSON representation

Image clip component based on vue2

• Host: GitHub
• URL: https://github.com/legeneek/vue-image-clip
• Owner: legeneek
• License: mit
• Created: 2016-06-29T07:28:50.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2021-03-08T02:52:40.000Z (almost 4 years ago)
• Last Synced: 2024-08-02T09:23:33.286Z (5 months ago)
• Language: Vue
• Homepage:
• Size: 53.7 KB
• Stars: 85
• Watchers: 3
• Forks: 27
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue - vue-image-clip - image-clip?style=social) - 基于vue的图像剪辑组件 (UI组件)
• awesome-github-vue - vue-image-clip - 基于vue的图像剪辑组件 (UI组件)
• awesome-github-vue - vue-image-clip - 基于vue的图像剪辑组件 (UI组件)
• awesome - vue-image-clip - 基于vue的图像剪辑组件 (UI组件)

README

        
# vue-image-clip

Image clip component based on vue2. Try the [demo](https://legeneek.github.io/vue-image-clip/index.html)

## Demo Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

```

## Usage

Just add `CustomCropper.vue` and `SelectBox.vue` in `src/components` to your project.

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

```

  


    

  


  import CustomCropper from './YourPath/CustomCropper';

  export default {

    components: {

      CustomCropper

    }

  };

```

## License

MIT