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/[email protected]"
src="path/to/image.jpg"
>


Pueden ven más información sobre esta librería en la página oficial de CamanJS
COMPARTE ESTA NOTICIA

ENVIAR A UN AMIGO
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN GOOGLE +