适用于Vue.js 2+应用程序的简单但功能齐全的移动友好型图像裁剪器。

安装和下载：

npm install --save vue-croppa

特征：

• 拖放。
• 图片预览。
• 滚动并捏以缩放。
• 可旋转
• 正在加载微调器。
• 限制最大文件大小。
• 自动调整大小。
• 图像翻转。
• 有用的API。

浏览器支持

• IE 10+
• Firefox 3.6+
• Chrome 6+
• Safari 6+
• Opera 11.5+
• iOS Safari 6.1+
• Android Browser 3+

范本范例

<croppa v-model="myCroppa"
        :width="400"
        :height="400"
        :canvas-color="'default'"
        :placeholder="'Choose an image'"
        :placeholder-font-size="0"
        :placeholder-color="'default'"
        :accept="'image/*'"
        :file-size-limit="0"
        :quality="2"
        :zoom-speed="3"
        :disabled="false"
        :disable-drag-and-drop="false"
        :disable-click-to-choose="false"
        :disable-drag-to-move="false"
        :disable-scroll-to-zoom="false"
        :disable-rotation="false"
        :prevent-white-space="false"
        :reverse-scroll-to-zoom="false"
        :show-remove-button="true"
        :remove-button-color="'red'"
        :remove-button-size="0"
        :initial-image="'path/to/initial-image.png'"
        @init="handleCroppaInit"
        @file-choose="handleCroppaFileChoose"
        @file-size-exceed="handleCroppaFileSizeExceed"
        @file-type-mismatch="handleCroppaFileTypeMismatch"
        @new-image-drawn="handleNewImage"
        @image-remove="handleImageRemove"
        @move="handleCroppaMove"
        @zoom="handleCroppaZoom"></croppa>

---

官网：https://github.com/zhanziyang/vue-croppa

演示：https://www.vue365.cn/code_demo.php?id=3898

GitHub下载：https://github.com/zhanziyang/vue-croppa/archive/master.zip