viniazvd / vue-croep

:selfie: a lightweight library for cropping images :scissors:

vue-croep ✅

✨ Example✨

Install

yarn add vue-croep or npm install vue-croep

Example

<template>
  <div>
    <vue-croep ref="croep" />

    <button @click="crop">crop</button>
  </div>
</template>

<script>
import VueCroep from 'vue-croep'
import 'vue-croep/dist/vue-croep.css'

export default {
  name: 'example',

  components: { VueCroep },

  methods: {
    crop () {
      this.$refs.croep.crop()
    }
  }
}
</script>

Props

Name	type	default	About
size	Number	300	container size
src	String	mengão picture	image to crop

Event

Name	About
cropped	return base64 of cropped image

contributors:

• https://github.com/Giseudo ⭐
• https://github.com/kauanslr

Made in: @convenia