UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery图片裁剪插件Cropper.js

所属分类：媒体-图像

 33538  350  查看评论 (12)
分享到微信朋友圈
X
jQuery图片裁剪插件Cropper.js ie兼容11
 查看演示  website  立即下载

方法见main.js

//参数
var options = {
   aspectRatio: 16 / 9,
   preview: '.img-preview',
   crop: function (e) {
     $dataX.val(Math.round(e.detail.x));
     $dataY.val(Math.round(e.detail.y));
     $dataHeight.val(Math.round(e.detail.height));
     $dataWidth.val(Math.round(e.detail.width));
     $dataRotate.val(e.detail.rotate);
     $dataScaleX.val(e.detail.scaleX);
     $dataScaleY.val(e.detail.scaleY);
   }
 };
相关插件-图像
查看更多

jQuery切图插件（原创）

 基于jQuery实现的类似ps切图工具
  图像
 23911  328

jQuery钢笔抠图插件(原创)

 通过Canvas实现钢笔抠图效果
  图像
 19834  280

jQuery图片合成插件

 上传背景图，主图1，主图2，主图3，合成一张图片
  图像
 28493  320

移动端图片滤镜效果

 在手机上常用到的图片滤镜效果
  图像
 28133  385

讨论这个项目（12）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Ｋitty.のバガ 0
    2021/1/10 15:25:34

    搜索cropper.js 的viewMode: 值 改为3  可避免裁剪到透明部分。 我也有个问题  如何默认裁剪比例？ MAIN.JS的

    var options = {aspectRatio: 1 / 1,

     改了  没有用啊

    回复
    邹 0
    2020/3/24 21:30:19
    请问，getCroppedCanvas方法设置了裁切图片的输出宽高，但是实际输出有时会有误差，比如设置了with:100;height:100，实际裁切的图片可能是with:100,height:99，这个怎么解决？ 回复
    独角兽 0
    2019/6/26 19:30:59
    小孩纸 0
    2019/6/18 18:40:38
    报错跨域怎么解决？ 回复
    冷光 0
    2019/6/5 19:47:22
    我想知道图片缩小后透明部分如何处理？
        执手到白头*/0
        2019/6/10 15:36:43
        可以把图片上的遮罩框缩小呀！不就没有透明部分了吗
    回复
    莫凡 0
    2019/5/16 16:11:32
    这个很好很强大
        冷光0
        2019/6/5 19:49:36
        图片缩小后透明部分如何处理？
    回复
    廖逸武 0
    2019/5/10 17:16:44
    请问:如何上传到服务器?能给个PHP来接收上传文件吗? 回复
    陪伴是最长情的告白 0
    2019/4/29 9:35:44
    功能确实很多呢，，，，口头鼓励
        冷光0
        2019/6/5 19:48:43
        我想知道图片缩小后透明部分如何处理？
        weiGodY0
        2020/7/4 13:54:05
        同问，图片缩小后的透明部分如何处理
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复