Question

<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×220并且被显示。但它显示为50 X 50，剩余空格为空白。

有人可以帮助我吗？

Answer 1

如果您只想显示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>

使用矩形几何图形剪切图像而不是拉伸

1 个答案: