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浏览器中正常运行。

2. croppie

Github |演示版

Croppie是一个快速, 易于使用的图像裁剪插件, 具有大量的配置选项。它是用vanillaJS编写的。以下浏览器支持Croppie：

• Firefox 10+
• 铬12+
• IE 10以上
• 边缘
• Safari 4+
• 歌剧15+
• 的iOS
• 安卓系统

1. Cropper

Github jQuery版本| Github vanillaJS版本|演示jQuery版本|演示vanillaJS版本

Cropper是使用VanillaJS和jQuery编写的图像裁剪插件。

• 支持39个选项
• 支持27种方法
• 支持7场比赛
• 支持触摸(移动)
• 支持缩放
• 支持旋转
• 支持缩放(翻转)
• 支持多种Cropper
• 支持在画布上裁剪
• 支持在画布上通过画布裁剪图像
• 支持翻译Exif方向信息
• 跨浏览器支持

如果你知道另一个很棒的图片裁剪插件, 请不要犹豫, 并在评论框中与社区分享。