`

几个jQuery的图片裁剪插件

 
阅读更多
http://hi.baidu.com/coffeant/item/9931bd684220d237ac3e8396
项目里最近也要用到图片裁剪插件,刚巧发现了几个就记录在这里。

imgAreaSelect
官方:http://odyniec.net/projects/imgareaselect/
这个插件是目前比较常见的cooper插件,功能也很齐全:
自定义选择框的CSS样式
键盘快捷键
支持添加事件回调
锁定长宽比
具体的使用可以看这篇文章:imgAreaSelect使用详解,当然最好还是去官方网站看demo。


Image Upload and Auto Crop
采用jQuery和PHP开发的图片裁剪+上传工具,功能比较简单,所以使用起来也不复杂。
主页:http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/
Demo:http://www.webmotionuk.co.uk/jquery/image_upload_crop.php
下载(v1.2):http://www.webmotionuk.co.uk/jquery/jquery_upload_cropv1.2.zip


Jcrop
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
主页:http://deepliquid.com/content/Jcrop.html
Demo:http://deepliquid.com/projects/Jcrop/demos.php
下载:http://deepliquid.com/content/Jcrop_Download.html
分享到:
评论

相关推荐

    Jquery图片裁剪插件

    在IT行业中,jQuery图片裁剪插件是一种广泛应用于网页端的图像处理工具,它使得用户在前端就能方便地对上传的图片进行裁剪,以适应不同的应用场景,如头像设置、产品图片展示等。本篇将详细介绍jQuery图像上传裁剪...

    jquery_图片裁剪

    描述中提到的“很简单,很容易用”反映了jQuery图片裁剪插件的一个显著优点。通常,这些插件提供了一套完整的API和配置选项,开发者只需要较少的代码就能集成到项目中。例如,用户可能只需引入jQuery库、图片裁剪...

    jQuery图像裁剪插件Jcrop.js.zip

    jQuery图像裁剪插件Jcrop.js是一个用于网页前端的JavaScript库,它允许用户在浏览器上交互式地裁剪图像。这个插件是基于流行的jQuery框架构建的,因此它能够无缝集成到任何使用jQuery的项目中。Jcrop的核心功能是...

    jquery图片裁剪的功能

    2. **JQuery.Jcrop**:这是一个经典的jQuery图片裁剪插件,广泛应用于各种项目。它允许用户通过拖动和调整裁剪框,支持比例锁定,同时提供了预览和回调函数。 三、实际应用 在实际的网页应用中,图片裁剪功能常...

    jQuery头像图片裁剪尺寸插件

    本知识点将详细讲解基于jQuery实现的头像图片裁剪插件,这是一种常见的用户界面功能,常用于个人资料设置、社交媒体等应用场景。 首先,jQuery头像图片裁剪插件的核心功能是提供一个用户友好的裁剪界面,允许用户...

    jQuery.photoClip手机图片裁剪插件.zip

    《jQuery.photoClip手机图片裁剪插件深度解析》 在当今移动互联网时代,手机拍照功能的普及使得用户对图片编辑的需求日益增长。特别是在社交媒体、电商应用等场景中,高质量的图片上传与个性化裁剪功能成为了必不可...

    jquery图片标注插件增强.zip

    本项目聚焦于一个特定的需求——"jquery图片标注插件增强",这涉及到使用JavaScript库,尤其是jQuery,来实现对图片的标注功能,以便记录图片上的水印位置。以下是对这个主题的详细阐述: 首先,`cropper`是一个...

    jQuery点击弹出图片裁剪上传插件

    首先,jQuery点击弹出图片裁剪上传插件主要涉及到以下几个关键知识点: 1. jQuery基础:jQuery是JavaScript的一个库,它简化了DOM操作、事件处理、动画制作和Ajax交互。在该插件中,jQuery用于监听用户的点击事件,...

    32、jQuery头像裁剪插件cropbox

    jQuery Cropbox是一款基于jQuery的头像裁剪插件,它为用户提供了一种简单而直观的方式来裁剪图片,常用于用户上传头像或者照片预览功能。这个插件的核心功能是提供一个可交互的画布区域,用户可以在其中自由选择图片...

    jquery图片预览插件实例

    **jQuery图片预览插件实例详解** 在网页开发中,图片预览功能是不可或缺的一部分,尤其是在用户上传图片或浏览图片库时。一个优秀的图片预览插件能够提供流畅的用户体验,增强网站的交互性。本篇文章将深入探讨如何...

    photoClip图片裁剪插件

    《photoClip图片裁剪插件:打造网页图片编辑体验》 在现代网页设计中,用户交互体验至关重要,其中图片处理功能已经成为许多网站不可或缺的一部分。"photoClip图片裁剪插件"便是为此目的而生,它提供了简洁易用的...

    网友yang分享图片左右旋转在线裁剪jquery插件

    【标题】"网友yang分享图片左右旋转在线裁剪jquery插件"所涉及的知识点主要集中在网页图像处理领域,特别是利用JavaScript库jQuery实现的功能。jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、...

    jQuery实现图片裁剪

    jQuery图片裁剪技术主要用于在网页上提供用户交互式的图像裁剪功能,常用于上传头像、商品图片等场景,让用户能够按照自己的需求裁剪出合适的部分。这一技术的核心是利用JavaScript库jQuery以及其相关的插件,如...

    cropzoom_jQuery插件_上传头像裁剪_asp.net_php

    `cropzoom`是一款专为jQuery设计的插件,它允许用户在上传图片后进行自由裁剪,以达到理想的效果。这款插件特别适用于asp.net和php平台,能够为开发者提供一套便捷、高效的图像处理方案。 `cropzoom`的核心功能在于...

    jquery 图片插件

    3. **图片截取/裁剪**:jQuery图片裁剪插件通常用于用户自定义选择图片的一部分进行保存。例如,在头像设置或编辑图片时,用户可以自由调整裁剪框来选取需要的部分。这通常需要用到canvas元素来绘制和处理图像,结合...

    jquery头像编辑插件,编辑图片

    在描述中提到的"jquery图片编辑"功能,主要涉及到以下几个技术点: 1. **图片上传**:通常会使用HTML5的File API,允许用户选择本地图片并读取其内容。 2. **预览**:利用`<img>`标签的`src`属性显示上传的图片,...

    jQuery头像裁剪插件cropbox特效代码

    在IT领域,jQuery头像裁剪插件是前端开发中常用的一种工具,它使得用户能够方便地在网页上裁剪图片以适应头像或其他需要定制尺寸的图像需求。本篇文章将详细探讨jQuery头像裁剪插件cropbox的特效代码及其相关知识点...

    jQuery实现上传图片裁剪区域特效源码.zip

    首先,让我们详细了解一下jQuery图片裁剪的基本原理。图片裁剪功能通常基于HTML5的Canvas元素,它允许在浏览器端进行图像处理。jQuery库用于简化DOM操作,提供事件绑定等功能,而实际的图片裁剪逻辑则由额外的插件如...

    图片裁剪插件jQuery-photoClip

    【jQuery-photoClip图片裁剪插件】是一款广泛应用于网页中的图片处理工具,它允许用户在手机和PC上对图片进行自由的旋转、缩放和移动等编辑操作,从而实现个性化裁剪的需求。这款插件基于JavaScript库jQuery构建,...

    基于jQuery的前端图片裁剪demo

    在这个基于jQuery的图片裁剪demo中,主要涉及以下几个关键知识点: 1. **jQuery库**:jQuery提供了丰富的API,包括选择器、DOM操作、事件处理、动画效果等。在图片裁剪功能中,jQuery可以用于选中图片元素、绑定...

Global site tag (gtag.js) - Google Analytics