c# - 图像裁剪 windows phone

Question

我想在 wp7 中裁剪图像，使其只有一部分出现在图像框（或只是“图像”控件）中。我使用了 image.clip，但它实际上保留了整个图像，只是将“待裁剪”部分变白。如何裁剪图像以便裁剪后的图像是结果图像？注意：我正在寻找一种在 xaml 中的方法

Answer 1

If you know the size of the initial image, you can calculate the required transforms, for example:

<Image Width="100" Height="100">
  <Image.Clip>
    <!-- Image after clipping takes only a small area in the center -->
    <RectangleGeometry Rect="25,25,50,50"/>
  </Image.Clip>
  <Image.RenderTransform>
    <!-- Transforms Rect(25,25,50,50) into Rect(0,0,100,100) -->
    <TransformGroup>
      <TranslateTransform X="-25" Y="-25"/>
      <ScaleTransform ScaleX="2" ScaleY="2"/>
    </TransformGroup>
  </Image.RenderTransform>
</Image>

I don't know a way of doing it automatically (without code behind).

Answer 2

这对我来说适用于 Light 和 Dark 主题。我在椭圆剪辑内显示一个方形图像并在其周围添加边框；它没有显示出来。

<Grid>
    <Ellipse 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center" 
        Width="78" 
        Height="78" 
        StrokeThickness="5" 
        Stroke=""/>
    <Image 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center" 
        Stretch="UniformToFill" 
        Source="{Binding MediumPhotoUrl}" 
        Width="64" 
        Height="64" >
        <Image.Clip>
            <EllipseGeometry RadiusX="32" RadiusY="32" Center="32,32"/>
        </Image.Clip>
    </Image>
</Grid>

你确定你做的剪辑正确吗？