jQeury插件 - 图片剪切器 (jQuery.jCutter)

来源:互联网 发布:曼秀雷敦润肤乳 知乎 编辑:程序博客网 时间:2024/06/05 18:14

业余爱好驱使,自学自做了好久的网站,一天网站有个功能需要实现,就是修改用户的头像,所以在百度上搜了下图片剪切器,看见jQuery.jCrop,然后就下载并使用感觉还不错。但是用到自己网站发现一个问题,就是我截取的图都是固定尺寸的,而且也希望能够缩放图片,发现jCrop竟然不支持缩放图片(也许我没找到缩放方法),又后来看见这个插件是外国爱好者编写的,所以就萌生了自己编写插件的兴趣,打开jCrop的源代码,我的天,我竟然看不懂,后来通过万能的百度才逐渐搞明白jQuery插件的编写方法,后来就自己琢磨着编写了这个jCutter(我给取得名字,虽然有点土就这样吧)

jCutter支持图片缩放,图片的缩放通过鼠标滚轮事件触发。jCutter不支持截取框的拖拽改变,这个跟jCrop正好相反,但是我感觉这样做比较好一点,因为网站往往需要的是固定尺寸的图片,这样的话我的插件就能帮上忙了。插件的安装其实很简单。就是一个函数$.jCutter(options,callback),相信接触过jQuery的人对这中调用方法一点都不陌生。具体的函数介绍在附件的【说明.txt】文档中。

预览图:

点击下面的链接下载:

jQuery.jCutter.v0.0.1.js

jQuery.jCutter.v0.0.2.js(2015.10.06更新)

jQuery.jCutter.v0.0.21.js(2015.10.07更新,更改配置信息的存储方式,以适应多个插件同时运行时的错误)

0 0