Jcrop是一款优秀的裁剪工具,它不仅可以裁剪图像,还可以裁剪canvas及任何的div元素,具体可参考:http://code.ciaoca.com/jquery/jcrop/基于Jcrop,开发一个js组件(Cut.js),使之可进行复用:(function(jQuery,window,und....
分类:
Web程序 时间:
2014-12-12 13:13:41
阅读次数:
193
最近项目中有一个截取图片的效果,于是在用到了Jcrop框架,使用中看API然后网上查阅一些文章勉勉强强算完成了这个功能,现将过程总结如下
实现思路
Jcrop来获取截取图片的起点XY和终点xy,另外还有截取范围的wh,--将这些数据传递给服务器端,然后由服务器端相应语言的API进行裁剪或者透明等等操作.
官网URL:
http://code.ciaoca.com/...
分类:
Web程序 时间:
2014-12-03 19:12:58
阅读次数:
209
正好项目用到上传+剪裁功能,发上来便于以后使用。我不能告诉你们其实是从博客园扒的前台代码,哈哈。前端是jquery+fineuploader+jquery.Jcrop后台是asp.net mvc 4核心的js调用代码是crop.js和helper文件夹下的ImgHandler.cs效果图前台代码当前...
分类:
Web程序 时间:
2014-11-21 18:03:23
阅读次数:
271
效果: as上传的好处在于裁剪工作在客户端就完成了,而用jcrop的话要记录裁剪大小,位置坐标等,传给服务端才能裁剪代码很简单 1 package 2 { 3 import flash.display.*; 4 import flash.events.Event; ...
分类:
Web程序 时间:
2014-10-29 16:36:00
阅读次数:
275
主页:http://deepliquid.com/content/Jcrop.html官方下载地址:http://deepliquid.com/content/Jcrop_Download.html下载包中除了 CSS 文件夹和 js 文件夹外还提供了几款 demo:1. non-image.htm...
分类:
Web程序 时间:
2014-10-28 19:25:57
阅读次数:
271
我遇到的Jcrop做剪裁无法显示的问题 是在IE8下发生的(在 firfox he chrome 中是显示正常的)解决办法 是在一个图片加载完成后在 初始化Jcrop;1.预加载图片的方法var App=(function(){preLoadImages:function(images,callba...
分类:
其他好文 时间:
2014-10-28 17:07:56
阅读次数:
192
使用html标签上传需要裁剪的大图。 在页面呈现大图,使用Jcrop(Jquery)对大图进行裁剪,并且可以进行预览。 选择好截取部分之后发送数据给Action,在服务器端使用 Java API 对大图进行裁剪。 保存大图裁剪好的头像到指定目录,完成业务。下面一步一步做:第一步:使用html标签上....
分类:
Web程序 时间:
2014-09-04 18:40:59
阅读次数:
284
看到一些网站上有图片剪切的功能,觉得挺炫,后来找了一款专用于图片裁切的插件,jquery.Jcrop.min.js,用这个插件可以方便的实现这个功能,使用时鼠标在图片上圈选出选区,即可把图片裁切成所选部分,非常适合用于头像的裁切编辑功能。前端UI分享演示分为HTML和php两部分:第一部分,HTML...
分类:
Web程序 时间:
2014-08-18 18:03:52
阅读次数:
318
看到一些网站上有图片剪切的功能,觉得挺炫,后来找了一款专用于图片裁切的插件,jquery.Jcrop.min.js,用这个插件可以方便的实现这个功能,使用时鼠标在图片上圈选出选区,即可把图片裁切成所选部分,非常适合用于头像的裁切编辑功能。前端UI分享
演示分为HTML和php两部分:
第一部分,HTML代码:
.代码
"-//W3C//DTD XHTML...
分类:
Web程序 时间:
2014-08-18 16:32:12
阅读次数:
297