Filtr obrazu: negatyw

Zawartość możesz zobaczyć w
przeglądarce obsługującej element <canvas>
z kontekstem "2d"

Listing

                function negative(img) {
			var cv = document.getElementById("canvas");
			var ctx = cv.getContext("2d");
			//położenie obrazka na canvas
			var imageX = 10;
			var imageY = 10;
			//pobranie obrazka			
			//wymiary obrazka
			var imageW = img.width;
			var imageH = img.height;
			//odrysowanie obrazka
			ctx.drawImage(img, imageX, imageY);
			//pobranie danych obrazka
			var imageData = ctx.getImageData(imageX, imageY, imageW, imageH);
			var data = imageData.data;
			for (var i = 0; i < data.length; i += 4) {
				data[i] = 255 - data[i];
				data[i + 1] = 255 - data[i + 1];
				data[i + 2] = 255 - data[i + 2];         				
			}
			ctx.putImageData(imageData, imageX, imageY);
		};
		var image = new Image();
		image.src = "images/pies.jpg";
		image.onload = function() {
			negative(this);
		};

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *