[영상처리] 흑백처리 함수 만들기

흑백처리는 말 그대로 흰색과 검정색만 있는 것을 말한다.

 

각 픽셀값에 기준값을 주고 기준값보다 낮을 경우 0, 높을 경우 255를 주면 된다.

 

 

 

기준값(value)을 받아오기 위해 슬라이드바를 사용하고자 한다.

value = parseInt(document.getElementById("blackWhite").value);

 

기준값을 두고 나누기 위해서는 voolean을 활용하면 된다.

if (pixel > value)
	pixel = 255;
else
	pixel = 0;

 

 

완성된 함수식

function baWImage() { // 흑백영상 알고리즘
//출력영상 크기 결정
	outHeight = inHeight;
	outWidth = inWidth;
	// 출력을 위한 2차원 배열을 준비
	outImageArray = new Array(outHeight);
	for(var i=0; i<outHeight; i++) 
		outImageArray[i] = new Array(outWidth);

		// ***** 진짜 영상처리 알고리즘 *****
		var value = parseInt(document.getElementById("blackWhite").value);
	for(var i=0; i<inHeight; i++) {
		for (var k=0; k<inWidth; k++) {
 // 문자를 숫자로 변환
			pixel = inImageArray[i][k].charCodeAt(0);

			if (pixel > value)
				pixel = 255;
			else   
				pixel = 0;
            // 숫자를 문자로 변환
			outImageArray[i][k] = String.fromCharCode(pixel);
		}
	}
	displayImage();
}