使用矩形幾何不拉伸的圖像剪裁

<Image Grid.Row="0" Stretch="Fill" Width="220" Height="220" Source="{Binding ElementName=defectsList,Path=SelectedItem.WidgetImage, Converter={converters:StringToImageSourceConverter}}"> 
     <Image.Clip> 
      <RectangleGeometry Rect="0 0 50 50"> 
      </RectangleGeometry> 
     </Image.Clip> 
     </Image>

在這裏，我的期望是圖像應該被剪裁50X50並且必須被拉伸到220 X 220並被顯示。但它正在顯示50 X 50剩下的空白空白。使用矩形幾何不拉伸的圖像剪裁

有人可以幫我嗎？

來源

2017-06-29 Anu

如果你只是想顯示Image的一部分，你可以使用一個CroppedBitmap：

<Image Width="220" Height="220"> 
    <Image.Source> 
     <CroppedBitmap Source="{Binding ElementName=defectsList,Path=SelectedItem.WidgetImage, Converter={converters:StringToImageSourceConverter}}" SourceRect="0 0 50 50"/> 
    </Image.Source> 
</Image>

來源

2017-06-29 09:41:36 mm8

爽哦。我也想知道如何從數據模板內部綁定Rect到SourceRect？ – Anu

這是完全不同的故事。如果您有其他問題，請提出另一個問題:) – mm8

使用矩形幾何不拉伸的圖像剪裁

回答

相關問題