libreria javascript - CamanJS, una librería JavaScript para la manipulación de imágenes

CamanJS, una librería JavaScript para la manipulación de imágenes

A la hora de diseñar un portal web, las imágenes que utilizamos no siempre cumplen con nuestras expectativa, dándonos cuenta de que esa imagen con un poco menos de brillo o un poco más de saturación quedaría mucho mejor. Aquí está la opción de editar la imagen con un programa especializado en ello o bien hacer uso de la librería CamanJS, una librería realizada en JavaScript que precisamente ofrece la posibilidad de realizar eso al usuario.

Lo bueno de esta libraría, además de su sencillez a la hora de ser utilizada, es la posibilidad de añadirles más funcionalidades por medio de plugins, aunque ya de por sí incorpora un gran número de opciones.

IMAGEN

A la hora de utilizarlo, tendremos que hacer como cualquier otra librería JS que utilicemos, es decir, añadirla a nuestro proyecto

<script type="text/javascript" src="caman.full.min.js"></script>

Un ejemplo de uso sería el siguiente.



Caman('#my-image', function () {

    this.brightness(10);

    this.contrast(30);

    this.sepia(60);

    this.saturation(-30);

    this.render();

  });

Y este sería su uso dentro del código HTML.



<img 

    data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)"

    data-caman-hidpi="/path/to/image@2x.jpg"

    src="path/to/image.jpg"

  >

Oscar perez

Arquitecto especialista en gestion de proyectos si necesitas desarrollar algun proyecto en Bogota contactame en el 3006825874 o visita mi pagina en www.arquitectobogota.tk