Топ 7: Лучшие обрезки изображений Javascript и jQuery плагины

Обрезка изображения позволяет удалить внешние части изображения, выделить объект на изображении или изменить соотношение сторон. С нашей коллекцией плагинов вы за пару минут внедрите функцию обрезки изображения в своем проекте.

Некоторые из этих плагинов основаны на тэгах Canvas, а другие используют пользовательский интерфейс jQuery для создания перетаскиваемого интерфейса, который вы сами выбираете и лучше соответствует вашим потребностям.

7. imgAreaSelect

домашняя страница

imgAreaSelect — это плагин jQuery для выделения прямоугольной области изображения. Это позволяет веб-разработчикам легко реализовывать функции обрезки изображений, а также другие функции пользовательского интерфейса, такие как фото-заметки (например, на Flickr).

6. Изображение Cut

домашняя страница

Picture Cut — это плагин jquery, который обрабатывает изображения очень дружественным и простым способом, с красивым интерфейсом, основанным на начальной загрузке или jquery ui, имеет отличные функции, такие как загрузка ajax, перетаскивание изображения из проводника, обрезка изображения и другие.

Характеристики

Ajax Upload
Изменить размер изображения
Перетащите изображение из проводника
Манипулировать размером изображения в байтах
Обрезка изображения

Поддерживаемые браузеры

Гугл Хром
Mozilla Firefox
Apple Safari
опера
Internet Explorer 7+

5. DarkroomJS

Github | демонстрация

DarkroomJS — это библиотека JavaScript, которая предоставляет основные инструменты для редактирования изображений в вашем браузере, такие как вращение или обрезка. Это основано на удивительном FabricJS библиотека для обработки изображений на холсте HTML5.

4. Кроппик

Github | демонстрация

Croppic — это jquery-плагин для обрезки изображений, который удовлетворит ваши потребности и многое другое. Croppic работает в большинстве основных браузеров (теперь даже в IE9):

IE9
IE10 +
Safari 4+
Firefox 3+
Chrome 14+
Опера 15+

3. Jcrop

домашняя страница | инструкции | демонстрация

Jcrop — мощный движок обрезки изображений для jQuery. Он был разработан таким образом, чтобы разработчики могли легко интегрировать расширенные функции обрезки изображений непосредственно в любое веб-приложение, не жертвуя мощностью и гибкостью (или неделями кодирования, тестирования и отладки). Jcrop также имеет чистый, хорошо организованный код, который хорошо работает в большинстве современных веб-браузеров.

2. Кроппи

Github | демонстрация

Croppie — это быстрый и простой в использовании плагин для обрезки изображений с множеством настроек. Это написано в vanillaJS. Croppie поддерживается в следующих браузерах: