专栏首页walterlv - 吕毅的博客UWP 将图片裁剪成圆形(椭圆)

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

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

2018-06-15 13:21

不知从什么时候开始,头像流行使用圆形了,于是各个平台开始追逐显示圆形裁剪图像的技术。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>

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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 只需 5 秒钟,你就能取到 WPF 程序的超高分辨率超高清截图

    我想要截取一个 WPF 程序的图标,但是它太小了。如果我就这样截屏截下来,是很不高清的。由于我需要制作一份课件,所以我需要超高清版本,可是,如何做才能最快速拿到...

    walterlv
  • 快速在 Windows 上搭建 Jekyll 开发环境

    发布于 2018-03-04 05:30 更新于 2018-08...

    walterlv
  • 在 GitHub 公开仓库中隐藏自己的私人邮箱地址

    2018-08-05 08:56

    walterlv
  • 微信支付之微信小程序支付

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/...

    林老师带你学编程
  • 边缘计算与云计算是什么关系

    十年前云计算兴起和发展,近年“边缘计算”有着云计算一样的势头迅速走红。

    云计算爱好者
  • 微信支付之微信小程序支付

    今天给大家介绍一下微信小程序是如果实现支付的流程,在开发之前我们首先要获取到商户的appId和mchId最后就是商户的key值了。这些值在商户申请成功之后都会通...

    企鹅号小编
  • 深度学习: 数据扩充 (Data Augmentation)

    包括:水平翻转、垂直翻转、水平垂直翻转。OpenCV中的 cv2.flip 接口可用于快速实现翻转操作:opencv: cv2.flip 图像翻转 进行 数据增...

    JNingWei
  • King Phisher:一款专业的钓鱼活动工具包

    今天给大家介绍的是一款名叫King Phisher的网络钓鱼测试工具,它可以通过模拟现实世界中的钓鱼攻击来提升普通用户的网络安全意识。King Phisher的...

    FB客服
  • 聊天机器人API Demo

    FHYC
  • 便宜域名:2019年7月,全新注册,多种后缀低至0.99美元

    (adsbygoogle = window.adsbygoogle || []).push({});

    陌涛

扫码关注云+社区

领取腾讯云代金券