截图cropper

【实例简介】
前端实现截图压缩上传图片的功能，一个很好的的插件；
【实例截图】
【核心代码】
cropper
└── cropper-master
├── cropper
│   ├── cropper.common.js
│   ├── cropper.css
│   ├── cropper.html
│   ├── cropper.js
│   ├── cropper.min.js
│   └── images
│   ├── 111.jpeg
│   └── timg.jpg
└── cropper-master
├── dist
│   ├── cropper.common.js
│   ├── cropper.css
│   ├── cropper.esm.js
│   ├── cropper.js
│   ├── cropper.min.css
│   └── cropper.min.js
├── docs
│   ├── apple-touch-icon.png
│   ├── css
│   │   ├── cropper.css
│   │   └── main.css
│   ├── favicon.ico
│   ├── images
│   │   ├── data.jpg
│   │   ├── layers.jpg
│   │   ├── picture-2.jpg
│   │   ├── picture-3.jpg
│   │   └── picture.jpg
│   ├── index.html
│   ├── js
│   │   ├── cropper.js
│   │   └── main.js
│   ├── v0.7.9
│   │   ├── css
│   │   │   ├── cropper.css
│   │   │   ├── cropper.min.css
│   │   │   └── main.css
│   │   ├── img
│   │   │   ├── picture-1.jpg
│   │   │   └── picture-2.jpg
│   │   ├── index.html
│   │   └── js
│   │   ├── cropper.js
│   │   ├── cropper.min.js
│   │   └── main.js
│   ├── v1.0.0
│   │   ├── css
│   │   │   ├── cropper.css
│   │   │   ├── cropper.min.css
│   │   │   └── main.css
│   │   ├── img
│   │   │   ├── picture-2.jpg
│   │   │   └── picture.jpg
│   │   ├── index.html
│   │   └── js
│   │   ├── cropper.js
│   │   ├── cropper.min.js
│   │   └── main.js
│   └── v2.3.4
│   ├── css
│   │   ├── cropper.css
│   │   ├── cropper.min.css
│   │   └── main.css
│   ├── img
│   │   ├── data.jpg
│   │   ├── icons.png
│   │   ├── layers.jpg
│   │   ├── picture-2.jpg
│   │   ├── picture-3.jpg
│   │   └── picture.jpg
│   ├── index.html
│   └── js
│   ├── cropper.js
│   ├── cropper.min.js
│   └── main.js
├── examples
│   ├── a-range-of-aspect-ratio.html
│   ├── crop-a-round-image.html
│   ├── crop-avatar
│   │   ├── crop.php
│   │   ├── css
│   │   │   └── main.css
│   │   ├── images
│   │   │   ├── loading.gif
│   │   │   └── picture.jpg
│   │   ├── index.html
│   │   ├── js
│   │   │   └── main.js
│   │   └── README.md
│   ├── crop-on-canvas.html
│   ├── cropper-in-modal.html
│   ├── customize-preview.html
│   ├── fixed-crop-box.html
│   ├── full-crop-box.html
│   ├── Koala.jpg
│   ├── multiple-croppers.html
│   └── responsive-container.html
├── src
│   ├── css
│   │   └── cropper.css
│   ├── images
│   │   └── bg.png
│   └── js
│   ├── change.js
│   ├── constants.js
│   ├── cropper.js
│   ├── defaults.js
│   ├── events.js
│   ├── handlers.js
│   ├── index.js
│   ├── methods.js
│   ├── preview.js
│   ├── render.js
│   ├── template.js
│   └── utilities.js
└── test
├── css
│   └── main.css
├── events
│   ├── cropend.js
│   ├── crop.js
│   ├── cropmove.js
│   ├── cropstart.js
│   ├── ready.js
│   └── zoom.js
├── index.html
├── js
│   └── main.js
├── methods
│   ├── clear.js
│   ├── crop.js
│   ├── destroy.js
│   ├── disable.js
│   ├── enable.js
│   ├── getCanvasData.js
│   ├── getContainerData.js
│   ├── getCropBoxData.js
│   ├── getCroppedCanvas.js
│   ├── getData.js
│   ├── getImageData.js
│   ├── move.js
│   ├── moveTo.js
│   ├── replace.js
│   ├── reset.js
│   ├── rotate.js
│   ├── rotateTo.js
│   ├── scale.js
│   ├── scaleX.js
│   ├── scaleY.js
│   ├── setAspectRatio.js
│   ├── setCanvasData.js
│   ├── setCropBoxData.js
│   ├── setData.js
│   ├── setDragMode.js
│   ├── zoom.js
│   └── zoomTo.js
└── options
├── aspectRatio.js
├── autoCrop.js
├── background.js
├── center.js
├── checkCrossOrigin.js
├── checkOrientation.js
├── cropBoxMovable.js
├── cropBoxResizable.js
├── data.js
├── dragMode.js
├── guides.js
├── highlight.js
├── minCanvasHeight.js
├── minCanvasWidth.js
├── minContainerHeight.js
├── minContainerWidth.js
├── minCropBoxHeight.js
├── minCropBoxWidth.js
├── modal.js
├── movable.js
├── rotatable.js
├── scalable.js
├── toggleDragModeOnDblclick.js
├── viewMode.js
├── zoomable.js
├── zoomOnTouch.js
└── zoomOnWheel.js

36 directories, 150 files