wpf图像片段椭圆4：3

Question

我需要一点指导。我试图创建一个椭圆形的图像。使用CachedImage

查看图像

我目前的代码：

 <Grid Width="100" Height="100">
        <cachedImage:Image Width="100" Height="100" Stretch="UniformToFill" VerticalAlignment="Center" HorizontalAlignment="Center"  
                           ImageUrl="https://i.scdn.co/image/efe952d45a24a33360e98b4b42d313576e29cece" >
            <Image.Clip>
                <EllipseGeometry Center="50,50" RadiusX="50" RadiusY="50" />
            </Image.Clip>
        </cachedImage:Image>
    </Grid>

如果图像是4：3格式，则会出现Poroblem

这是我的

我需要这个

非常感谢。

Answer 1

设置图像控件的Width和Height同时Stretch=UniformToFill将不可避免地裁剪部分图像，除非其宽高比完全匹配{{1 }和Width。

但是，您可以设置Height并将Image控件放在另一个较大的Grid中，该Grid在外部Grid中水平居中。您必须将Stretch=Uniform应用于外部网格。

Clip