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
- jQeury插件 - 图片剪切器 (jQuery.jCutter)
- jQuery版本的图片剪切插件
- laravel 剪切图片插件
- 利用jquery插件的图片剪切上传功能
- thinkphp jquery剪切图片 Jcrop
- 利用Jquery的cropper插件实现拖动层动态头剪切(裁剪头像)图片
- jQeury层布局插件
- jqeury插件开发方法
- jqeury插件:tooltip
- jQuery 实现图片剪切(裁剪)效果(慕课网:用JavaScript实现图片剪切(裁剪)效果)
- jQeury入门:jQuery对象
- jqeury 图片浏览
- jQuery与Java实现图片的剪切
- jQuery与Java实现图片的剪切
- jQuery与Java实现图片的剪切
- jQuery与Java实现图片的剪切
- jQuery与Java实现图片的剪切
- jQuery与Java实现图片的剪切
- 单链表反转/逆序的两种方法
- 数据库(增、删、改、查)
- 杭电acm--2051
- [LeetCode]Move Zeroes
- 几种GC内存回收机制概要
- jQeury插件 - 图片剪切器 (jQuery.jCutter)
- mysql预处理学习和总结
- 《Linux内核设计与实现》读书笔记(七)- 中断处理
- 周记 - 9.20
- CentOS tomcat服务器普通用户不能占用80端口问题
- 致我们迷茫的青春
- [笔记][Java7并发编程实战手册]6.并发集合
- PHP内核探索:新垃圾回收机制说明
- 背包可行性问题O(n*V)