vue_tom_crop_image
A Vue.js project for Crop Image File
Last updated a year ago by tom.chang .
Original npm · Tarball · package.json
$ cnpm install vue_tom_crop_image 
SYNC missed versions from official npm registry.

tom-crop-image

A Vue.js project

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

image

#tom-crop-image use hammerjs ##on pc user should press both shift key and left mouse to rotate

step 1:install in your main.js

import TomCrop from 'vue_tom_crop_image'
Vue.use(TomCrop)

step 2:use in your component

<tom-crop
:data-show='showCrop'
:data-width='400'
:data-height='200'
@on-success='getCropSuccess'
@on-hide='showCrop=false'
></tom-crop>

// methods
 getCropSuccess(detail){
    console.log('img src for base64',detail.base64);
    detail.dfd.done(function(blob){
      console.log('img for blob file',blob);
    })
 }

Current Tags

  • 1.1.0                                ...           latest (a year ago)

3 Versions

  • 1.1.0                                ...           a year ago
  • 1.0.1                                ...           4 years ago
  • 1.0.0                                ...           4 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (9)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |