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

相关推荐
Data-Miner6 小时前
需要做财务数据分析,有什么好用的工具?从准备到出报告的实操指南
大数据·数据库·数据分析
阿里云大数据AI技术8 小时前
StarRocks × Paimon C++:加速湖上数据分析
大数据·人工智能
用户3610588626128 小时前
Flink 配置深度剖析:从配置加载到参数调优的完整指南
大数据·flink
ha_lydms8 小时前
Window Functions(窗口函数)
大数据·数据仓库·hadoop·spark·数据处理·dataworks·maxcompute
2601_952047798 小时前
委外入库单同步:旺店通到金蝶云星空的实战配置
大数据·钉钉·制造
阿里云大数据AI技术8 小时前
【云栖实录】一切数据,皆可计算:MaxCompute 升级为AI Native全模态计算服务
大数据·人工智能·agent
珠海西格电力9 小时前
物联网(IoT)在零碳园区中的关键作用:万物互联与数据采集
大数据·人工智能·物联网·安全·系统架构·能源
AI产品测评官9 小时前
2026企业AI招聘选型指南:四类技术路线与硬科技场景适配方案
大数据·人工智能·科技·求职招聘·ai-native
SelectDB技术团队9 小时前
Snowflake 的开源替代怎么选:能力对照、三条部署路径与迁移执行
大数据·数据库·云原生·开源·snowflake·apache doris
Elastic 中国社区官方博客9 小时前
告别繁琐控制台:Kabanos 如何将 MongoDB Compass 的易用性带入 Elasticsearch
大数据·数据库·mongodb·elasticsearch·搜索引擎·全文检索