使用JQuery插件Jcrop进行图片截取
Jcrop插件本身并不含有图片截取功能，它仅仅是在前端层面构建一套截取动画效果并产生4个坐标点，插件使用者将这4个坐标点传回至服务器接口上进行截取操作。其优点是具有较高的通用性、浏览器兼容性（IE6+）及稳定性高，缺点是无法适用于手机H5开发（无图片缩放、拖拽效果）。 最新版的Jcrop已更新 ...
原文：使用jcrop进行头像剪切
项目需要做一个头像截取的功能，类似于QQ头像截取功能。在网上搜了下，最后使用jQuery插件jcrop来截取， 在后台来进行图片切割。 头像截取的原理：在前台使用jcrop获取切面的x轴坐标 y轴坐标 切面高度 切面宽度，然后将这四个值传给后 台。在后台要进行放大处理：将切面放大N倍，N 原图 前台展示的头像。即X X 原图宽 前图宽，Y Y 原图高 前 图高，W W 原图宽 前图宽,H H 原 ...
2013-05-18 10:18 2 4451 推荐指数：
相关推荐
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能
很久没有更新博客了，再不写点东西都烂了。 这次更新一个小内容，是两个插件的组合使用，实现头像上传功能。 业务需求： 头像上传功能，要对上传的文件进行剪切，且保证头像到服务器时必须是正方形的。 优化<input type="file">的显示样式，基础的样式实在太 ...
【Bootstrap-插件使用】Jcrop+fileinput组合实现头像上传功能
都烂了。 这次更新一个小内容，是两个插件的组合使用，实现头像上传功能。 业务需求： ...
vue 剪切图片上传头像，使用 cropperjs 实现
我使用的是vue，移动端的项目。 官网地址：cropperjs GitHub地址：https://github.com/fengyuanchen/cropperjs/blob/master/README.md 先看效果图，不然没有吸引力啊！！哈哈 这里只记录使用 ...
C#使用OpenCV剪切图片中的人物头像
前言 本文主要介绍如何使用OpenCV剪切图形中的人物头像。 准备工作 首先创建一个Wpf项目——OpenCV_Face_Wpf，这里版本使用Framework4.7.2。 然后使用Nuget搜索【Emgu.CV】，如下图。 这里的Emgu.CV选择4.3.0.3890版本，然后安装 ...
plupload:Springmvc使用plupload上传头像，并自动剪切圆形
最近在做的这个项目非常重视页面的用户效果体验，要求用户注册时上传的头像自动生成圆形，这样做一来是为了好看，二来是让公司安卓、iOS那边可以直接使用用户头像，不用剪切。该功能我使用了plupload上传插件，然后通过查阅资料写了一个圆形切割的Java工具类，下面记录一下完成的过程 ...
android头像上传（获取头像加剪切）
因为项目中需要用到头像上传的功能，所以就下个Ddmo先来实现下。 demo我是类似仿微信的，在一个GridView中展示所有的图片，其中第一个item可以去照相；获取到图片后再进行剪切。 图片的剪切是从网上找的感觉不错就用，暂时也没有测试。 获取图片可以用：https ...
jcrop+jquery+javaweb 实现头像裁剪、上传
（本文原创，引用请注明出处--zhangjieatbky） 环境准备 准备jquery、jcrop的js和css（官网获取）、jquery的文件上传下载组件 html代码 ...