Vue croep

<h1 align="center">vue-croep ✅</h1>

Version: 0.1.17 Updated: 12/19/2019

By: giseudo License: MIT

Downloads Last 30 Days: 491

Install

npm i vue-croep
yarn add vue-croep

CDNs

bundle.run: https://bundle.run/vue-croep

jsDelivr: https://cdn.jsdelivr.net/npm/vue-croep

unpkg: https://unpkg.com/vue-croep

vue-croep ✅

License


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:

Made in: @convenia

Categories: Vue js
Tags: