支持触摸(移动) 支持缩放 支持旋转 支持缩放(翻转) 支持多种作物 支持在画布上裁剪 支持在画布上通过画布裁剪图像 支持翻译Exif方向信息 跨浏览器支持
首页 /  web前端 /  JavaScript /  jQuery特效 / 图片上传并裁剪 jquery- cropper - Cropper.js的jQuery插件

0 0 108

图片上传并裁剪 jquery- cropper - Cropper.js的jQuery插件

支持触摸(移动) 支持缩放 支持旋转 支持缩放(翻转) 支持多种作物 支持在画布上裁剪 支持在画布上通过画布裁剪图像 支持翻译Exif方向信息 跨浏览器支持

图片上传并裁剪 jquery- cropper - Cropper.js的jQuery插件_图一

主要参数介绍

 $('#tailoringImg').cropper({
    	dragMode:'move',//'crop':创建一个新的裁剪框;'move':移动画布;'none': 没做什么
        //aspectRatio: 1/1,//默认比例
        preview: '.previewImg',//预览视图
        guides: true,  //裁剪框的虚线(九宫格)
        autoCropArea: 0.5,  //0-1之间的数值,定义自动剪裁区域的大小,默认0.8
        dragCrop: true,  //是否允许移除当前的剪裁框,并通过拖动来新建一个剪裁框区域
        movable: true,  //是否允许移动剪裁框
        resizable: true,  //是否允许改变裁剪框的大小
        zoomable: true,  //是否允许缩放图片大小
        mouseWheelZoom: true,  //是否允许通过鼠标滚轮来缩放图片
        touchDragZoom: true,  //是否允许通过触摸移动来缩放图片
        rotatable: false,  //是否允许旋转图片
        crop: function(e) {
            // 输出结果数据裁剪图像。
        }
    });
下载所需: 10金币 下载 演示

[来源] Cropper.js

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

添加一条新回复
前端攻城妹 2020-04-17 15:59
0
送花
20积分一朵