CamanJS une dos de mis más grandes pasiones, la fotografía y el javascript. Y gracias a las nuevas tecnologías lo permiten hacer de una forma muy eficiente.
Gracias al uso de <canvas />
y su control mediante javascript nos permite disponer de una serie de métodos para dar efectos predefinidos o crear los nuestros propios de forma sencilla.
<-- cargamos la funcionalidad de camanJS -->
<script type="text/javascript" src="caman.full.min.js"></script>
<script type="text/javascript">
// Modificamos la apariencia de la imagen indicada.
Caman("images/example-image.jpg", "#example-canvas", function () {
this
.saturation(20)
.gamma(1.4)
.vintage()
.contrast(5)
.exposure(15)
.vignette(300, 60)
.render();
});
</script>
<canvas id="#example-canvas"></canvas>
Aunque la compatibilidad con los diferentes navegadores no es completa (obviamente) soporta una buena cantidad de navegadores (Google Chrome, Safari 5+, Firefox 4+, Opera 10+, Internet Explorer 9+) que junto a la completa documentación nos ofrece una herramienta más que interesante para trabajar con imágenes desde el navegador.
0 comentarios, 1 referencias
+
#