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