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控制较小的，你应该设置的MainImage水平和垂直对齐，分别Left和Top，少你的翻译长方形结束源图像的边界之外。您还需要将选择矩形固定为MainImage的尺寸。