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

相关推荐
橘子编程几秒前
Flink从入门到精通:全面实战指南
大数据·flink
SeaTunnel几秒前
深度解析 Apache SeaTunnel 核心引擎三大技术创新:高可靠异步持久化与 CDC 架构优化实战
大数据·数据库·架构·apache·seatunnel
DolphinScheduler社区1 小时前
第 8 篇|Apache DolphinScheduler 与 Flink Spark 数据引擎的边界、协同与最佳实践
大数据·flink·spark·开源·apache·海豚调度·大数据工作流调度
黄焖鸡能干四碗1 小时前
企业元数据梳理和元数据管理方案(PPT方案)
大数据·运维·网络·分布式·spark
木心术11 小时前
大数据处理技术:Hadoop与Spark核心原理解析
大数据·hadoop·分布式·spark
BizViewStudio7 小时前
甄选 2026:AI 重构新媒体代运营行业的三大核心变革与落地路径
大数据·人工智能·新媒体运营·媒体
Cx330❀9 小时前
Linux命名管道(FIFO)通信:从原理到实操,一文搞懂跨进程通信
大数据·linux·运维·服务器·elasticsearch·搜索引擎
汽车仪器仪表相关领域9 小时前
NHVOC-70系列固定污染源挥发性有机物监测系统:精准破局工业VOCs监测痛点,赋能环保合规升级
大数据·人工智能·安全性测试
周杰伦fans10 小时前
WPF Prism 框架完全入门指南:从环境搭建到弹窗导航实战
wpf
实证小助手11 小时前
世界各国经济政策不确定指数(1997-2024年)月度数据
大数据·人工智能