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

jQuery图片裁剪插件Cropper.js

所属分类：媒体-图像

 35342  353  查看评论 (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);
   }
 };
相关插件-图像
查看更多

canvas图片+文字合成

 canvas图片+文字合成，实现照片合成效果，界面有点丑但是功能OK的。
  图像
 47212  362

jQuery图片合成插件

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

jQuery图片裁剪插件Cropit

 Cropit 是款自定义裁剪和缩放图像的jQuery插件
  图像
 44462  341

svgmap地图

 svgmap实现中国地图。
  图像
 61368  492

讨论这个项目（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
        同问，图片缩小后的透明部分如何处理
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复