图片裁剪的开源库vuejs-clipper

功能支持裁剪和单位面积放大

template中代码

<template>
  <div class="home">
    <clipper-basic src="http://img3.imgtn.bdimg.com/it/u=1295149330,2951135297&fm=26&gp=0.jpg" preview="preview"></clipper-basic>
    <clipper-preview class="basic md" name="preview"></clipper-preview>
  </div>
</template>

main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './plugins/element.js'
import Apptable from './components/zTable/index'
import VuejsClipper from 'vuejs-clipper'

Vue.config.productionTip = false

Vue.use(Apptable)
Vue.use(VuejsClipper, {
  components: {
    clipperBasic: true,
    clipperPreview: true
  }
})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')