jQuery image cropping plugin, para seleccionar un área de imagen



jQuery image cropping plugin, para seleccionar un área de imagen, en cuanto al manejo de imágenes (Cortar y seleccionar ), la funcionalidad del “crop” es un elemento de vital importancia en nuestro desarrollo de software es por eso que presentaremos un plugin más para la funcionalidad de crop, su nombre es cropper  http://fengyuanchen.github.io/cropper/ y al igual que cropic http://develoteca.com/plugin-croppic-para-cortar-subir-y-seleccionar-una-imagen/ , este esta hecho con html5, javascript y es un plugin de jQuery, la única diferencia que existe entre los 2 plugins es el peso.

Demostración:http://fengyuanchen.github.io/cropper/ 

Cropper

1.-Implementación sencilla

2.-Ligero

3.-Preview del corte

4.-Movimiento del área de corte.

Tabla de presentación.

Nombre Tipo Default Descripción
aspectRatio Número 1 Radio de la imagen. (e.g., “2”, “1.5”, “1.3333333333333333”, etc.)
done función function(data) {} Función para instrucciones.
modal boolean true Muestra modal (true) or hide (false).
preview cadena “” jQuery selector o id donde mostrar el resultado.

 

Un ejemplo:

Elementos de instalación


<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<link rel="stylesheet" href="/path/to/cropper.css">
<script src="/path/to/cropper.js"></script>

Elemento html para el acceso a la imagen.


<img src="img/picture.jpg">

Javascript de implementación

$(".cropper").cropper({
 aspectRatio: 2,
 done: function(data) {
 console.log(data);
 }
});

You may also like...