效果：在博客里有另一篇头像裁剪是用actionscript实现的头像裁剪上传，这里拥护html5,用canvas实现下。前两次的右键是为了说明不是用flash做的。如果想要更严谨的，有技术支持的这个东西的话，可以用kissy的http://gallery.kissyui.com/imgcrop/2....
分类：
Web程序 时间：
2014-11-02 12:06:09
阅读次数：
331
今天要写的阴影和视图裁剪，无法向下兼容，请注意。Material Design 为用户界面元素引入了深度这个元素。深度帮助用户理解各个元素之间的重要关联和帮助用户关注他们手上的任务。视图的高度（elevation），通过Z属性表现，通过他的阴影确定：ｚ值更高的视图投影出更大的阴影。视图只在Z=0的平...
分类：
移动开发 时间：
2014-11-01 16:04:51
阅读次数：
212
在android当中，Bitmap代表一个图片，里面封装了图片的信息。一，将图片进行缩放操作。(1)获得Bitmap对象Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.a); (2)创建MatrixMat...
分类：
移动开发 时间：
2014-10-31 22:01:13
阅读次数：
246
知识点:变形属性: 边框圆 (border-radius)/中心点 (transform-origin), 旋转 (transform:rotate) / 裁剪 (clip) [or 高宽一半]通过js 控制进度 1 2 3 4 5 Document 6 36 37 ...
分类：
其他好文 时间：
2014-10-30 10:18:58
阅读次数：
171
在大部分APP（尤其是社交类的，如qq）经常会有更换头像的场景：点击用户加载头像，加载出系统图片，用户点击选中某张图片之后，可以对图片进行放缩和拖动，已更改圆形裁剪框圈定的图片部分。如下图即为qq的头像选取编辑界面：图1.qq照片编辑界面界面中可以对图片进行放大、缩小，拖动，白色圆环区域表示点击确定...
分类：
移动开发 时间：
2014-10-29 21:10:22
阅读次数：
270
官网：https://developer.android.com/intl/zh-tw/training/material/shadows-clipping.html
Material设计为UI元素引入了一个depth值，depth帮助用户了解每个元素相对重要性，重点关注手头的任务
每个View的elevation值，相当于z属性，它决定了阴影的大小：z越大，阴影越大。
Views仅仅在...
分类：
移动开发 时间：
2014-10-29 19:27:58
阅读次数：
187
效果： as上传的好处在于裁剪工作在客户端就完成了，而用jcrop的话要记录裁剪大小，位置坐标等，传给服务端才能裁剪代码很简单 1 package 2 { 3 import flash.display.*; 4 import flash.events.Event; ...
分类：
Web程序 时间：
2014-10-29 16:36:00
阅读次数：
275
我们很多时候需要进行图片的裁剪，其实这个功能在android系统中已经有一套解决方案了，虽然界面和效果并不是很优秀但功能毫无疑问是完美实现了。至于，不用自带的方案怎么做自定义，这个就是后话了。本篇主要讲解的是裁剪的原理和流程，外带分析了大图裁剪和小图裁剪的不同之处，同时给出具体的实现方案。一、原理+...
分类：
移动开发 时间：
2014-10-29 12:49:36
阅读次数：
262
前段时间公司的分布式图片文件系统（FastDFS）做了图片裁剪和缩放功能,并把缩放计算和FastDFS做了解耦分离，前端用虚拟机作为图片文件缩放的访问代理层(Nginx Proxy)，后端使用nginx直接访问FastDFS的文件系统。以下是测试和分析过程。
1测试场景
为了测试解耦后的图片读取并发和分析系统瓶颈，我们在内网中搭建了一个测试环境。以下是测试环境的网络的物理架构...
分类：
其他好文 时间：
2014-10-29 10:50:44
阅读次数：
290
使用V9切换成ueditor编辑器后，图片上传路径显示的是相对路径，同时会把content字段第一张图这个路径同步到缩略图的thumb字段。thumb字段如果是相对路径的话，前端就不能进行裁剪，APP或者其他应用也不能调用。于是修改。我用的是1.4.3版本找到编辑器目录下的/php/Uploader.cla..
分类：
Web程序 时间：
2014-10-29 02:12:41
阅读次数：
227
