WPF 图片显示某一部分区域

效果图:

代码:

XML 复制代码
   <Image Width="32"
                   HorizontalAlignment="Right"
                   Height="32"
                   Source="../../Resources/Images/BLUEWOLF.jpg">
                <Image.Clip>
                    <PathGeometry>
                        <PathFigure StartPoint="32,32">
                            <LineSegment Point="32,5" />
                            <LineSegment Point="5, 32" />
                        </PathFigure>
                    </PathGeometry>
                </Image.Clip>
            </Image>
            <Image Width="32"
                   Grid.Column="1"
                   HorizontalAlignment="Center"
                   Height="32"
                   Source="../../Resources/Images/BLUEWOLF.jpg">
                <Image.Clip>
                    <EllipseGeometry Center="16,16"
                             RadiusX="16"
                             RadiusY="16" />
                </Image.Clip>
            </Image>

分析:

就是利用Clip属性进行裁剪。

image里面的图形参数只能上面几种类型,Geometry学习可以参考链接:

http://t.csdnimg.cn/1Hs8B

相关推荐
嗝o゚4 分钟前
Flutter适配鸿蒙多屏异构UI开发实战
flutter·开源·wpf·harmonyos
数智顾问11 分钟前
(102页PPT)数字化转型,从战略到执行(附下载方式)
大数据·人工智能·物联网
成长之路51430 分钟前
【工具变量】全国地级市旧海关DID数据(1842-1949年)
大数据
starfalling102432 分钟前
doris压缩方法_测试实践
大数据
小白|36 分钟前
Flutter 与 OpenHarmony 深度集成:实现跨设备传感器数据协同监测系统
flutter·wpf
棉晗榜39 分钟前
WPF输入框里面加文本提示
wpf
G皮T1 小时前
【Elasticsearch】大慢查询隔离(二):选择插件
大数据·elasticsearch·搜索引擎·全文检索·插件·性能·查询
嗝o゚1 小时前
鸿蒙跨端协同与Flutter结合的远程办公轻应用开发
flutter·华为·wpf
zhaodiandiandian1 小时前
生成式AI重构内容创作生态:人机协同成核心竞争力
大数据·人工智能·重构
豫狮恒1 小时前
OpenHarmony Flutter 分布式权限管理:跨设备可信访问与权限协同方案
分布式·flutter·wpf·openharmony