js+jquery实现图片裁剪功能

现在我们在使用各大网站的个人中心时,都有个上传个人头像的功能用户上传了个人照片之后,可能不符合网站的要求,于是要求用户对照片进行裁剪,最终根据用户裁剪的尺寸生成头像。这个功能真是太棒了,原来不懂js的时候,感觉很神奇,太神奇了。心想哪天要是自己也能搞明白这里面的技术,那该多牛呀~大家是不是也有何我一样的想法呀~哈哈~~

下面我们就来用javascript来实现这个功能吧。

代码如下:
"> clip

$("#container").clip({ imgC : $("#imgC"), blockClass : "block", tipsClass : "tips" });

imgC : 表示裁剪图片的容器,也就是右边的图

blockClass : block的样式名 也就是页面上的可以拖动的滑块的样式 因为怕和别的页面上的样式重名 默认是block

tipsClass : tips的样式名 也就是页面上显示left width height top的那个span的样式名 默认是tips

是不是很炫酷啊,小伙伴们,学学本示例的思路吧。

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...