jQuery图片裁剪插件Cropper.js

所属分类:媒体-图像

 35368  353  查看评论 (12)
分享到微信朋友圈
X
jQuery图片裁剪插件Cropper.js ie兼容11

方法见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切图工具
  图像
 24654  328

橡皮擦--图片擦除效果

电脑端、移动端(Android、ios等)都可适应!
  图像
 51714  443

html5前端图片压缩

html5前端图片压缩
  图像
 85096  454

基于HTML5 Canvas实现的图片马赛克模糊特效

基于HTML5 Canvas实现的图片马赛克模糊特效
  图像
 29915  306

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

    Kitty.のバガ 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
        同问,图片缩小后的透明部分如何处理
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复