imgAreaSelect插件

【imgAreaSelect插件】的更多相关文章

利用jquery的imgAreaSelect插件实现图片裁剪示例

http://www.cnblogs.com/mizzle/archive/2011/10/13/2209891.html 将用户上传的图片进行裁剪再保存是现在web2.0应用中常常处理的工作,现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现这个在以前来说非常棘手的功能.我们来看看它的实现步骤: 1.包含进CSS文件(imgareaselect-default.css)和 jquery.imgareaselect.js文件 2.html代码(要裁剪的图片元…

利用jquery的imgAreaSelect插件实现图片裁剪示例将用户上传的图片进行裁剪再保存是现在web2.0应用中常常处理的工作,现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现这个在以前来说非常棘手的功能.我们来看看它的实现步骤: 1.包含进CSS文件(imgareaselect-default.css)和 jquery.imgareaselect.js文件 2.html代码(要裁剪的图片元素) <img id="selectbanner&q…

Uploadify & jQuery.imgAreaSelect 插件实现图片上传裁剪

在网站中需要一个图片上传裁剪的功能,借鉴这篇文章 Ajax+PHP+jQuery图片截图上传的指点,找到了jquery.imgAreaSelect这个不错插件,能对图片进行自定义区域选择并给出坐标,类似微博等同类网站上传头像要求按比例裁剪的功能,正合适就自己做了个. 文件上传类经常使用到一个叫uploadify的插件,上面提到的文章也结合了uploadify插件的使用,只是现在版本的uploadify一些配置和方法已经改变了(3.2.1版本).包括jquery.imgareaselect的一些…

采用jquery的imgAreaSelect样品图像裁剪示范插件实现

将用户上传的图片进行裁剪再保存是如今web2.0应用中经常处理的工作,如今借助jquery的imgareaselect插件再配合PHP的GD库就能够轻松的实现这个在曾经来说很棘手的功能. 我们来看看它的实现步骤: 1.包括进CSS文件(imgareaselect-default.css)和 jquery.imgareaselect.js文件 2.html代码(要裁剪的图片元素) <img id="selectbanner" src="/pic/banner.jpg&qu…

关于jQuery插件imgAreaSelect基础讲解

关于ImgAreaSelect, 是一jQuery插件,它支持用户通过鼠标拖曳选择图片的一部分,如图片拖曳.图片编辑等~~来具体看一下 1.先下载imgAreaSelect插件下载地址: 英文:http://odyniec.net/projects/imgareaselect/ 中文:http://www.css88.com/EasyTools/javascript/jQueryPlugin/imgAreaSelect/index.html 在头部引用: <link rel="styl…

基于 jQuery Jcrop 插件的功能模块：头像剪裁

/** Jcrop version: 0.9.12 jQuery version: 1.9.0 Author: 小dee Date: 2014.10.30 */ 先看看他山之石:博客园的头像模块也是使用的 Jcrop 插件,处理方式如图博客园图1: 高度大于宽度时博客园图2: 再看看新浪微博( http://account.weibo.com/set/photo ),它使用的是 flash,如图: 最后看豆瓣( http://www.douban.com/accounts/user_icon…

jQuery 图片剪裁插件初探之 Jcrop

主页:http://deepliquid.com/content/Jcrop.html 官方下载地址:http://deepliquid.com/content/Jcrop_Download.html 下载包中除了 CSS 文件夹和 js 文件夹外还提供了几款 demo: 1. non-image.html 不包含图像的任意 div 或 canvas 的剪裁方式: 2.styling.html 点击按钮改变样式:提供了 3 种可以选择的遮罩色.透明度和选区边框样式 jcrop-light ( b…