[.NET] Bitmap을 보간 없이 그리는 방법

소개

MFC에서 카메라의 영상을 Form에 그리기 위해 Picture Control을 주로 사용하는데요.

C#에서는 비슷하게 Picture Box가 제공되어, 이 컨트롤에 카메라 영상을 그릴 수 있습니다.

그런데 이상하게도 Picture Box(또는 Panel)에 이미지를 그리게 되면 Smoothing Filter가 적용된 것 처럼 표현됩니다.

 

  

<왼쪽: 원본, 오른쪽: Graphics로 그려진 모습>

 

한 눈에 차이가 보이죠?

 Bitmap  객체를 생성하여  FromFile 을 호출하여 이미지를 불러왔을 뿐입니다.

그래서 그려지는 이미지 자체의 데이터는 정상이지만, 그려지는 작업에서 스무싱 필터가 적용된 모습으로 보여집니다.

보통은 원형이나 곡선, 엣지면이 부드럽게 표현되길 원하는데요.

머신 비전에서는 경우에 따라 다르겠지만, 일반적으로 원본 데이터 그대로를 보여줘야 합니다.

물론 그려지는 부분만 저렇게 표현되니 상관 없지 않겠냐고 할 수도 있겠지만, 

까다로운 사용자들이 꽤 많기 때문에 개선 방법을 알고 계시면 좋을 것 같네요.

 

코드 예시

먼저, 증상이 발생하는 코드를 보겠습니다.

C#에서는 그리는 작업을 위해  Graphics  객체를 사용하는데, 이는 MFC의 DC(Device context)라고 이해하시면 될 것 같습니다.

private void pictureBox_Paint(object sender, PaintEventArgs e)
{
	if (_Bitmap == null) //Bitmap object.
		return;
		
	e.Graphics.DrawImage(_bitmapTmp, pictureBox.ClientRectangle);
}

 

코드가 상당히 간단하죠?  DrawImage  API가 전부입니다.

 

자, 그럼 어떻게 해결하는지 보겠습니다.

private void pictureBox_Paint(object sender, PaintEventArgs e)
{
	if (_Bitmap == null) //Bitmap object.
		return;

	e.Graphics.InterpolationMode = InterpolationMode.NearestNeighbor; //Interpolation Mode	
	e.Graphics.DrawImage(_bitmapTmp, pictureBox.ClientRectangle);
}

 

Graphics의 옵션으로  InterpolationMode 를  NearestNeighbor 로 바꾸면 됩니다.

보통은 InterpolationMode를 높게 설정하여 Quality 높은 이미지를 그리겠지만, 

우리의 목표는 픽셀 하나 하나 그리는 것이므로 오히려 낮추는 것입니다.

 

이 외에도  CompositingMode ,  SmoothingMode  같은 옵션이 있으니 참고해주세요.