WPF 캔버스의 사각형을 이미지의 선택으로 변환

Question

캔버스에 사용자가 크기를 조정하고 이동하고 선택할 수있는 사각형이 있습니다. 캔버스 뒤의 화면 크기 (기본적으로 스크린 샷)도 있습니다.

캔버스의 선택 영역 (사각형)을 이미지의 1 : 1 선택 영역으로 변환하고 싶습니다. 사각형의 Canvas.Top, Canvas.Left , 너비, 높이.

<Grid Name="MainGrid" SnapsToDevicePixels="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> 
    <Image x:Name="MainImage" Stretch="None" RenderOptions.BitmapScalingMode="HighQuality"/> 
    <Border Background="Black" Opacity="0.4" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> 
    <Canvas Name="MainCanvas" Width="{Binding Source={x:Static SystemParameters.PrimaryScreenWidth}}" Height="{Binding Source={x:Static SystemParameters.PrimaryScreenHeight}}" Background="Transparent"> 
     <ContentControl Name="SelectionRect" /> 
     </ContentControl> 
    </Canvas> 
</Grid> 

나는이 일을 시도 : (MainImage 캔버스 아래에있는 이미지입니다)

Rect rect = new Rect(Canvas.GetLeft(SelectionRect), Canvas.GetTop(SelectionRect), SelectionRect.Width, SelectionRect.Height); 
Rect from_rect = SelectionRect.TransformToVisual(this).TransformBounds(rect); 

BitmapSource cropped_bitmap = new CroppedBitmap(MainImage.Source as BitmapSource, 
      new Int32Rect((int)from_rect.X, (int)from_rect.Y, (int)from_rect.Width, (int)from_rect.Height)); 
SelectionRectImageSource = cropped_bitmap; 

하지만 (SelectionRectImageSource) 얻을 이미지가 선택 사각형 뒤에 실제 픽셀의 옆으로 이동 버전입니다. 근본적으로, 나는이 변환이 어떻게 작동하는지 전혀 모르는 경우 어떻게 사용해야하는지 이해하지 못합니다.

예 :

고마워요! Dolev.

Answer 1

이미지 (대개 72dpi)와 프레젠테이션 소스 (일반적으로 96dpi) 간의 DPI 차이를 수정해야하는 것처럼 보입니다. 또한 첫 번째 Rect은 Canvas.Left 및 Canvas.Top으로 오프셋되지 않아야합니다. TransformToVisual은 상대 오프셋을 처리합니다. (나처럼)

var source = (BitmapSource)MainImage.Source; 

var selectionRect = new Rect(SelectionRect.RenderSize); 

var sourceRect = SelectionRect.TransformToVisual(MainImage) 
           .TransformBounds(selectionRect); 

var xMultiplier = source.PixelWidth/MainImage.ActualWidth; 
var yMultiplier = source.PixelHeight/MainImage.ActualHeight; 

sourceRect.Scale(xMultiplier, yMultiplier); 

var croppedBitmap = new CroppedBitmap(
    source, 
    new Int32Rect(
     (int)sourceRect.X, 
     (int)sourceRect.Y, 
     (int)sourceRect.Width, 
     (int)sourceRect.Height)); 

SelectionRectImageSource= croppedBitmap; 

이 코드가있는 위치에 따라, 당신은 또한 MainImage 대신 this에 선택 사각형을 변환해야 할 수도 있습니다.

또한, 경우에 MainImage.Source 실제 MainImage 제어보다 작은, 당신은 아마 각각 Left 및 Top에 MainImage의 수평 및 수직 정렬을 설정해야 덜 번역 된 사각형은 원본 이미지의 경계의 외측 끝. 선택 사각형을 MainImage 크기로 고정해야합니다.