Question

我想在wp7中裁剪图像，使其只有一部分出现在图像框中（或只是'图像'控件）。我使用了image.clip，但它实际上保留了整个图像，并且只是美化了“待裁剪”部分。如何裁剪图像以使裁剪后的图像成为合成图像？注意：我正在寻找xaml的方法

Answer 1

这对我来说很适合使用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>

您确定要正确剪辑吗？

Answer 2

如果您知道初始图像的大小，则可以计算所需的变换，例如：

<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>

我不知道自动执行此操作的方法（没有代码隐藏）。

图像裁剪窗口手机

2 个答案: