最近公司的APP很多用户反应无法上传头像,于是打算修改原来头像裁剪的代码。参考微信、QQ、唱吧头像裁剪的操作,决定就仿微信头像裁剪来上传用户头像,在Android大神鸿洋的一篇高仿微信头像的博客(博客地址结尾会贴出来)的基础加了一些代码,我加的代码主要增加如下的功能:
1.增加对大图的处理,缩放到我们裁剪框的大小。
2.裁剪后的图片保存到临时文件里,把临时文件的路径返回到需要处理的界面,因为在...
分类:
微信 时间:
2015-05-14 01:02:19
阅读次数:
763
今天给大家分享一款基于jQuery头像裁剪插件cropbox,这是一款简单实用的jQuery头像在线裁剪插件。该插件适用于适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:在线预览源码下载实现的代码。html代码: ...
分类:
其他好文 时间:
2015-03-16 22:51:56
阅读次数:
170
花费了半天时间,把 仿QQ头像截取的方法整理了下,并制作了一个demo以供大家参考,基本上实现了qq中我的资料界面上(包括背景透明化,上滑标题栏显示,下拉隐藏等)的大致效果,先上图看效果吧:
支持的功能:
1.选择裁剪的图片支持手势放大缩小(包括双击放大缩小);
2.判断图片边缘,即裁剪区域不会超过图片边...
分类:
其他好文 时间:
2015-03-03 09:58:24
阅读次数:
265
安卓实现方形头像裁剪实现思路,界面可见区域为2层View最顶层的View是显示层,主要绘制半透明边框区域和白色裁剪区域,代码比较容易。第二层继承ImageView,使用ImageView的Matrix实现显示部分图片,及挪动,放大缩小等操作。比较复杂的地方在于多指操作对ImageView的影响,详见...
分类:
移动开发 时间:
2015-01-19 09:11:30
阅读次数:
240
安卓实现方形头像裁剪
实现思路,界面可见区域为2层View
最顶层的View是显示层,主要绘制半透明边框区域和白色裁剪区域,代码比较容易。
第二层继承ImageView,使用ImageView的Matrix实现显示部分图片,及挪动,放大缩小等操作。
比较复杂的地方在于多指操作对ImageView的影响,详见代码:
ClipSquareImageView.java
package c...
分类:
移动开发 时间:
2014-12-15 15:27:46
阅读次数:
211
效果:在博客里有另一篇头像裁剪是用actionscript实现的头像裁剪上传,这里拥护html5,用canvas实现下。前两次的右键是为了说明不是用flash做的。如果想要更严谨的,有技术支持的这个东西的话,可以用kissy的http://gallery.kissyui.com/imgcrop/2....
分类:
Web程序 时间:
2014-11-02 12:06:09
阅读次数:
331
效果: as上传的好处在于裁剪工作在客户端就完成了,而用jcrop的话要记录裁剪大小,位置坐标等,传给服务端才能裁剪代码很简单 1 package 2 { 3 import flash.display.*; 4 import flash.events.Event; ...
分类:
Web程序 时间:
2014-10-29 16:36:00
阅读次数:
275
原文:用JQuery仿造QQ头像裁剪功能最近工作真心忙碌,几乎没时间写博客。今天趁周末来仿一个QQ头像裁剪功能插件。效果如下: 所有文件都可在我的Github上下载,从头到尾从简到繁按步骤一共分了9个HTML文件,每个步骤文件里的注释都写的很清楚,故在本博客内不赘述。 原理:
主要是通过css的cl...
分类:
Web程序 时间:
2014-09-16 23:24:21
阅读次数:
329
预览图:说明:此插件没有做兼容处理,做的过程中只是做思路逻辑分析,至于IE下,没有兼容开发,可在其他标准浏览器下运行,查看源代码DOM: ...
分类:
Web程序 时间:
2014-09-16 15:50:40
阅读次数:
303
最近工作真心忙碌,几乎没时间写博客。今天趁周末来仿一个QQ头像裁剪功能插件。效果如下:所有文件都可在我的Github上下载,从头到尾从简到繁按步骤一共分了9个HTML文件,每个步骤文件里的注释都写的很清楚,故在本博客内不赘述。原理:主要是通过css的clip来裁剪图片可视区域,拖动剪裁窗口这里使用了...
分类:
Web程序 时间:
2014-09-15 00:54:58
阅读次数:
347