UWP 将图片裁剪成圆形(椭圆)

栏目: 编程工具 · 发布时间: 6年前

内容简介:不知从什么时候开始,头像流行使用圆形了,于是各个平台开始追逐显示圆形裁剪图像的技术。UWP 有内建的机制支持这种圆形图像裁剪,不过,仅限于画刷。与 WPF 不同,UWP 中

不知从什么时候开始,头像流行使用圆形了,于是各个平台开始追逐显示圆形裁剪图像的技术。UWP 有内建的机制支持这种圆形图像裁剪,不过,仅限于画刷。

WPF 的圆形裁剪请左转参考WPF 中使用附加属性,将任意 UI 元素或控件裁剪成圆形(椭圆)

与 WPF 不同,UWP 中 UIElement.Clip 属性是 RectangleGeometry 类型的,这意味着利用此属性是没有办法完成圆形裁剪的。

但是,存在一个与 WPF 一样的简单一些的方案,直接使用 ImageBrush

<Grid>
    <Ellipse Width="512" Height="512">
        <Ellipse.Fill>
            <ImageBrush ImageSource="Conan_C2.png" />
        </Ellipse.Fill>
    </Ellipse>
</Grid>

UWP 将图片裁剪成圆形(椭圆)

这是我的头像,原图是这样的:

UWP 将图片裁剪成圆形(椭圆)

本文会经常更新,请阅读原文: https://walterlv.github.io/post/clip-uwp-image-to-ellipse.html ,以避免陈旧错误知识的误导,同时有更好的阅读体验。

UWP 将图片裁剪成圆形(椭圆) 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布,但务必保留文章署名 吕毅 (包含链接: https://walterlv.github.io ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系


以上所述就是小编给大家介绍的《UWP 将图片裁剪成圆形(椭圆)》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Transcending CSS

Transcending CSS

Andy Clarke、Molly E. Holzschlag / New Riders / November 15, 2006 / $49.99

As the Web evolves to incorporate new standards and the latest browsers offer new possibilities for creative design, the art of creating Web sites is also changing. Few Web designers are experienced p......一起来看看 《Transcending CSS》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具