Plugin Editor de imagen, aplica brillo, contraste y más

DESCARGA : Image Editor

Plugin Editor de imagen, aplica brillo, contraste y más, este plugin esta realizado para editar imágenes en alguna aplicación online, trabaja con jQuery y su gran potencial radica en que utiliza una conjunto de herramientas gratuitas para obtener semejante resultado, las librerías que usan son las siguientes:

  1. jQuery : Framework de javascript.
  2. jQuery UI: Interface para jQuery.
  3. Bootstrap; Framework css.
  4. Caman,js : Libreria para la manipulación de imágenes mediante javascript.

Este plugin es funcional con dichas librerías es por eso que a la hora de trabajar con el plugin hay que integrarlas, no obstante puedes omitir algunas, como por ejemplo la de bootstrap y jQuery UI, en embargo tendrías que probar que tal funciona, si quieres usarlo hay que hacer lo siguiente:

Enlaces para el css de image editor:

<link href="http://example.com/css/bootstrap-image-editor.css" rel="stylesheet">

Los archivo js como scripts de image editor, jquery, etc

<script src="http://example.com/js/jquery.min.js"></script>
<script href="http://example.com/js/jquery-ui.min.js" ></script>
<script src="http://example.com/js/bootstrap.min.js"></script>
<script src="http://example.com/js/bootstrap-image-editor.min.js"></script>

El div donde quieres que aparezca el resultado de la implementación del plugin

<div id="editor-window"></div>

Por último el script que permite la conversión de la imagen a manipular.

<script type="text/javascript">
    $("#editor-window").imageEditor({
      'source': '/img/las-vegas.jpg',
      "maxWidth": 500,
      "onClose": function () {
      }
    });
</script>

Puedes utilizar muchas opciones para este plugin, pero en realidad se podría considerar que son de gran utilidad cuando integras otras funcionalidades adicionales como por ejemplo después de guardar ¿ Quieres que pase algo?.

Puedes ver el ejemplo en el siguiente enlace: http://rithychhen.com/jquery/imageEditor

Lo interesante seria agregar la opción de editar a un conjunto de imágenes, con el objetivo de editar en cualquier momento la imagen, ¿podrías modificarlo para utilizar con una colección de imágenes ?

Puede interesarte