7个最佳图像裁剪Javascript和jQuery插件

本文概述

7. imgAreaSelect
6. Picture Cut
5. DarkroomJS
4. Croppic
3. Jcrop
2. croppie
1. Cropper

图像裁切允许你删除图像的外部部分, 突出显示图像中的被摄对象以更改纵横比。使用我们的插件集合, 你将在几分钟之内实现项目中的图像裁剪功能。
其中一些插件基于画布标签, 另一些插件则使用jQuery UI创建可拖动的界面, 由你自己选择并更好地满足你的需求。
7. imgAreaSelect 主页
imgAreaSelect是一个jQuery插件, 用于选择图像的矩形区域。它使Web开发人员可以轻松实现图像裁剪功能以及其他用户界面功能, 例如照片注释(如Flickr上的那些注释)。

文章图片
6. Picture Cut 主页
Picture Cut是一个jquery插件, 它以非常友好和简单的方式处理图像, 具有基于bootstrap或jquery ui的漂亮界面, 具有ajax上传, 从资源管理器拖动图像, 图像裁剪等强大功能。
特征

Ajax上传
调整图片大小
从资源管理器中拖动图像
以字节为单位操纵图像大小
裁剪图像

支持的浏览器

谷歌浏览器
火狐浏览器
苹果Safari
歌剧
Internet Explorer 7+

文章图片
5. DarkroomJS Github |演示版
DarkroomJS是一个JavaScript库, 可在浏览器中提供基本的图像编辑工具, 例如旋转或裁剪。它基于强大的FabricJS库来处理HTML5 canvas中的图像。

文章图片
4. Croppic Github |演示版
Croppic是一个图像裁剪jquery插件, 可以满足你的需求以及更多。 Croppic在大多数主流浏览器中都可以使用(现在甚至在IE9中)：

IE9
IE10 +
Safari 4+
Firefox 3+
铬14+
歌剧15+

文章图片
3. Jcrop 设为首页说明|演示版
Jcrop是jQuery的强大图像裁剪引擎。它的设计使开发人员可以轻松地将高级图像裁剪功能直接集成到任何基于Web的应用程序中, 而无需牺牲功能和灵活性(或数周的编码, 测试和调试)。 Jcrop还具有干净整洁的代码, 可在大多数现代Web浏览器中正常运行。