jQueryphotoClip图片剪裁插件

所属分类:媒体-图像

 82395  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作为参数传入。
相关插件-图像

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

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

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

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

jQueryphotoClip图片剪裁插件

jQueryphotoClip是一款支持移动设备触摸手势的图片裁剪jQuery插件。
  图像
 82396  418

html5前端图片压缩

html5前端图片压缩
  图像
 86019  454

讨论这个项目(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写就行了。写过图片压缩,发现清晰度不行。最后走的阿里云。。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复