jQueryphotoClip图片剪裁插件

所属分类:媒体-图像

 81233  418  查看评论 (66)
分享到微信朋友圈
X
jQueryphotoClip图片剪裁插件 ie兼容10

js文件

<script src="js/iscroll-zoom.js"></script>
<script src="js/jquery.photoClip.js"></script>

js配置参数

width:截取区域的宽度。
height:截取区域的高度。
file:上传图片的<input      type="file">控件的选择器或者DOM对象。
view:显示截取后图像的容器的选择器或者DOM对象。
ok:确认截图按钮的选择器或者DOM对象。
outputType:指定输出图片的类型,可选 "jpg" 和 "png" 两种种类型,默认为 "jpg"。
strictSize:是否严格按照截取区域宽高裁剪。默认为false,表示截取区域宽高仅用于约束宽高比例。如果设置为true,则表示截取出的图像宽高严格按照截取区域宽高输出。
loadStart:开始加载的回调函数。this指向 fileReader 对象,并将正在加载的 file 对象作为参数传入。
loadComplete:加载完成的回调函数。this指向图片对象,并将图片地址作为参数传入。
loadError:加载失败的回调函数。this指向 fileReader 对象,并将错误事件的 event 对象作为参数传入。
clipFinish:裁剪完成的回调函数。this指向图片对象,会将裁剪出的图像数据DataURL作为参数传入。
相关插件-图像

jQuery图片裁剪插件Cropper.js

功能非常强大的图片裁剪插件Cropper.js
  图像
 35342  353

SVG图像生成插件triangloid

triangloid是一个JavaScript库,可以将图像生成为多边形图像并输出成SVG格式。它是基于trianglify
  图像
 31991  335

jQuery钢笔抠图插件(原创)

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

jquery.photoClip图片裁剪添加旋转 缩放按钮功能

项目上用的jquery.photoClip 插件,为了更好的用户体验 需要添加 旋转 缩放按钮功能,所以在原有的基础上添加了点功能,希望能帮助各位,写的不好 海涵!
  图像
 28838  319

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

    百韧 0
    2019/12/18 16:20:39
    最新版本在哪下载 回复
    kedee 0
    2019/6/3 15:38:10
    透明png裁剪之后就变成了jpg了,有解决办法么 回复
    zhizihua 0
    2019/3/22 17:18:42
    想请教一下,图片截取成功之后,怎么存到数据库,还有就是我数据里面的图片地址可以放在哪里?让它默认显示出来
        鬼火三十六丈高0
        2019/3/28 11:04:42
        一样的 安卓确实缩放不了
    回复
    konner 0
    2019/3/12 13:09:10
    安卓很多浏览器都缩放不了,微信最重要的工具都缩放不了图片,有谁遇到过吗?
        翠翠ok0
        2019/6/10 9:52:47
        解决了吗?我也碰到这种问题了
    回复
    Yerikstone 0
    2018/12/10 13:42:20
    我调用手机拍照,想在得到照片后按规定的长宽尺寸裁剪照片中有效的部分(区域固定,可以统一都在照片上半部分或者下半部分)。问下这个插件可否实现? 回复
    [!..!] 0
    2018/11/7 23:12:04
    如何设置 上传图片后 图片默认显示大小
        西瓜0
        2018/11/8 1:06:00

        增加一个css样式就可以了

        .photo-clip-rotateLayer img{width: 500px}

        设置宽度为500px

    回复
    [!..!] 0
    2018/11/7 23:05:18
    请问楼主 我需要增加一个 更换图片的按钮 应该怎么弄呢 回复
    XUEQ 0
    2018/10/23 18:22:41
    为什么安卓手机的缩放,会有缩的情况?缩放不行啊...哪位大佬能帮忙告知告知? 回复
    水≈儿 0
    2018/8/16 10:33:16
    苹果手机裁剪图片后,看不到蒙层和裁剪框,直接显示的就是图片本身,然后触摸一下就正常了,请问这个怎么解决? 回复
    老男孩 0
    2018/3/3 21:56:44
    我是一名菜鸟程序员,最近我一个人在做公司的投票系统,前端同事帮我弄了一个图片裁剪插件,但是没有压缩功能,导致上传后的图片都是几百kb,还有一些是几千kb,最大的一张5630kb,导致网站打开速度很慢,这是问题1。问题2呢就是裁剪出来的图片高度不一,图片之间虽然是相差1px或零点几像素的高度,但是也会导致首页的参赛者图片排版不整齐,有些参赛者直接被挤下来了。总之最近我压力很大,希望同行们能给我宝贵的指导。下载这个插件我没币呀,怎么办?
        西瓜0
        2018/3/3 22:56:32

        功能自己加了,下面这个插件可以压缩http://www.jq22.com/jquery-info13942,大小不一不是问题,前台显示定好高度、宽度。定个容器图片百分百宽或高显示就行了。

        夜丶未央?0
        2018/10/8 10:34:07
        照片排版和尺寸也没关系啊。前台CSS写就行了。写过图片压缩,发现清晰度不行。最后走的阿里云。。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复