CamanJS: manipularea imaginilor via JavaScript


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.

imagine

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!


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (1 evaluări, media: 5,00 din 5)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *