Trăiască HTML5 cu al său canvas. Biblioteca CamanJS (Caman vine de la CAnvas MANipulation) oferă o serie de efecte pe imagini folosind strict JavaScript, şi evident HTML5. Cum nu depinde de vreo altă bibliotecă, poate fi folosită fără probleme în combinaţie cu jQuery sau ce folosiţi/preferaţi. Incluzând biblioteca (şi, apropo, de la Get CDN Url puteţi obţine un link extern, dacă nu vreţi să găzduiţi fişierul) mai rămâne doar să adăugaţi efectele unul după altul, după nevoie.
De exemplu pentru efectul de mai sus codul este:
<script type="text/javascript" src="caman.full.min.js"></script> <script type="text/javascript"> 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>
Dacă mergeţi aici puteţi vedea exemple interactive: trageţi slide-ul şi apăsaţi Render pentru a vedea efectul. Sau mergeţi aici şi vedeţi nişte seturi de acţiuni predefinite. Foarte interesant!
0 comentarii