微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue-croppa

编程之家收集整理的这个编程导航主要介绍了vue-croppa编程之家,现在分享给大家,也给大家做个参考。

vue-croppa 介绍

适用于vue 2.0的简单易用的可定制移动设备图像裁剪器。这个组件只完成一件事:图片 ---> 裁剪 ---> 图片

主要特点:

直观,所见即所得

高可定制

轻量:18kb (算轻量不?哈哈哈我也不知道)

支持文件拖放 (drag and drop)

支持移动端手势

浏览器支持

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>链接: http://www.fly63.com/nav/2315

网站地址:https://zhanziyang.github.io/vue-croppa/

GitHub:https://github.com/zhanziyang/vue-croppa

网站描述:基于vue直观可定制的轻量级移动友好的图像裁剪器

vue-croppa

官方网站:https://zhanziyang.github.io/vue-croppa/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。