[url]http://hi.baidu.com/coffeant/item/9931bd684220d237ac3e8396[/url]
项目里最近也要用到图片裁剪插件,刚巧发现了几个就记录在这里。
[color=blue][b]imgAreaSelect[/b][/color]
官方:[url]http://odyniec.net/projects/imgareaselect/[/url]
这个插件是目前比较常见的cooper插件,功能也很齐全:
自定义选择框的CSS样式
键盘快捷键
支持添加事件回调
锁定长宽比
具体的使用可以看这篇文章:imgAreaSelect使用详解,当然最好还是去官方网站看demo。
[color=blue][b]Image Upload and Auto Crop[/b][/color]
采用jQuery和PHP开发的图片裁剪+上传工具,功能比较简单,所以使用起来也不复杂。
主页:[url]http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/[/url]
Demo:[url]http://www.webmotionuk.co.uk/jquery/image_upload_crop.php[/url]
下载(v1.2):[url]http://www.webmotionuk.co.uk/jquery/jquery_upload_cropv1.2.zip[/url]
[color=blue][b]Jcrop[/b][/color]
Jcrop是一个跨浏览器的jQuery图片剪切插件,主要特性有:
Attaches unobtrusively to any image
Supports aspect ratio locking
Supports minSize/maxSize setting
Callbacks for selection done, or while moving
Keyboard support for nudging selection
API features to create interactivity, including animation
Support for CSS styling
主页:[url]http://deepliquid.com/content/Jcrop.html[/url]
Demo:[url]http://deepliquid.com/projects/Jcrop/demos.php[/url]
下载:[url]http://deepliquid.com/content/Jcrop_Download.html[/url]
项目里最近也要用到图片裁剪插件,刚巧发现了几个就记录在这里。
[color=blue][b]imgAreaSelect[/b][/color]
官方:[url]http://odyniec.net/projects/imgareaselect/[/url]
这个插件是目前比较常见的cooper插件,功能也很齐全:
自定义选择框的CSS样式
键盘快捷键
支持添加事件回调
锁定长宽比
具体的使用可以看这篇文章:imgAreaSelect使用详解,当然最好还是去官方网站看demo。
[color=blue][b]Image Upload and Auto Crop[/b][/color]
采用jQuery和PHP开发的图片裁剪+上传工具,功能比较简单,所以使用起来也不复杂。
主页:[url]http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/[/url]
Demo:[url]http://www.webmotionuk.co.uk/jquery/image_upload_crop.php[/url]
下载(v1.2):[url]http://www.webmotionuk.co.uk/jquery/jquery_upload_cropv1.2.zip[/url]
[color=blue][b]Jcrop[/b][/color]
Jcrop是一个跨浏览器的jQuery图片剪切插件,主要特性有:
Attaches unobtrusively to any image
Supports aspect ratio locking
Supports minSize/maxSize setting
Callbacks for selection done, or while moving
Keyboard support for nudging selection
API features to create interactivity, including animation
Support for CSS styling
主页:[url]http://deepliquid.com/content/Jcrop.html[/url]
Demo:[url]http://deepliquid.com/projects/Jcrop/demos.php[/url]
下载:[url]http://deepliquid.com/content/Jcrop_Download.html[/url]