Ve nuestra colección de 7 de los mejores complementos de recorte de imágenes basados en lienzos.

Top 7: Los mejores plugins de Javascript y jQuery para recortar imágenes gráficamente

El recorte de la imagen le permite eliminar las partes externas de una imagen, acentuar el sujeto en la imagen para cambiar la relación de aspecto. Con nuestra colección de complementos, implementará en un par de minutos la función de recorte de imágenes en su proyecto.

Algunos de estos complementos se basan en etiquetas de lienzo y otros usan la interfaz de usuario de jQuery para crear una interfaz que se puede arrastrar, depende de usted cuál elegir y se adapta mejor a sus necesidades.

7. imgAreaSelect

Página principal

imgAreaSelect es un complemento de jQuery para seleccionar un área rectangular de una imagen. Permite a los desarrolladores web implementar fácilmente la funcionalidad de recorte de imágenes, así como otras funciones de la interfaz de usuario, como notas fotográficas (como las de Flickr).

Recorte de imágenes con imgAreaSelect

6. Corte de imagen

Página principal

Picture Cut es un complemento de jquery que maneja imágenes de una manera muy amigable y simple, con una hermosa interfaz basada en bootstrap o jquery ui, tiene excelentes características como carga ajax, arrastrar imagen desde explorador, recorte de imagen y otras.

Caracteristicas

  • Carga de Ajax
  • Cambiar el tamaño de la imagen
  • Arrastra la imagen del explorador
  • Manipular el tamaño de la imagen en bytes
  • Recortar imagen

Navegadores compatibles

  • Google Chrome
  • Mozilla Firefox
  • Safari de manzana
  • Ópera
  • Internet Explorer 7+

Complemento de recorte de corte de imagen

5. DarkroomJS

Github | Manifestación

DarkroomJS es una biblioteca de JavaScript que proporciona herramientas básicas de edición de imágenes en su navegador, como rotación o recorte . Se basa en la impresionante biblioteca FabricJS para manejar imágenes en lienzo HTML5.

Complemento de recorte de imágenes DarkroomJS

4. Croppic

Github | Manifestación

Croppic es un complemento jquery de recorte de imágenes que satisfará sus necesidades y mucho más. Croppic funciona en la mayoría de los principales navegadores (ahora incluso en IE9):

  • IE9
  • IE10 +
  • Safari 4+
  • Firefox 3 o superior
  • Chrome 14+
  • Opera 15+

Complemento Croppic, recorte de imágenes

3. Jcrop

Inicio  | instrucciones  | Manifestación

Jcrop es un potente motor de recorte de imágenes para jQuery. Ha sido diseñado para que los desarrolladores puedan integrar fácilmente una funcionalidad avanzada de recorte de imágenes directamente en cualquier aplicación basada en web sin sacrificar el poder y la flexibilidad (o las semanas de codificación, prueba y depuración). Jcrop también presenta un código limpio y bien organizado que funciona bien en la mayoría de los navegadores web modernos.

Recorte de imágenes de JCrop jQuery

2. Croppie

Github | Manifestación

Croppie es un complemento de recorte de imágenes rápido y fácil de usar con toneladas de opciones de configuración. Está escrito en vanillaJS. Croppie es compatible con los siguientes navegadores:

  • Firefox 10+
  • Chrome 12+
  • IE 10+
  • Borde
  • Safari 4+
  • Opera 15+
  • iOS
  • Androide

Complemento croppie javascript y jQuery

1. Cultivador

Versión de Github jQuery | Versión Github vanillaJS | Versión de demostración de jQuery | Versión de demostración vanillaJS

Cropper es un complemento de recorte de imágenes escrito en VanillaJS y jQuery.

  • Soporta 39 opciones
  • Admite 27 métodos
  • Admite 7 eventos
  • Soporta tacto (móvil)
  • Soporta zoom
  • Soporta rotación
  • Admite escalado (volteo)
  • Soporta múltiples cosechadoras
  • Soporta recortar sobre un lienzo
  • Admite recortar la imagen en el navegador por lienzo
  • Admite traducir la información de orientación Exif
  • Compatibilidad con varios navegadores

Plugin de Cropper jQuery y Javascript

Si conoce otro complemento de recorte de imágenes increíble, no lo dude y compártalo con la comunidad en el cuadro de comentarios.


Interesado en la programación desde los 14 años, Carlos es un programador autodidacta, fundador y autor de la mayoría de los artículos de Our Code World.

Conviertete en un programador más sociable

Patrocinadores