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

相关推荐
燧机科技SuiJi2 小时前
山体坍塌落石滑坡泥石流监测系统 落石泥石流监控摄像机
大数据·人工智能·深度学习·yolo
AOI小白新手上路4 小时前
autodl常用的tar 打包下载(数据集)命令手册:逐段拆解与套用模板
java·大数据·数据库
TMT星球4 小时前
工博会2026丨它石智航联合创始人陈同庆:从模型到产线,让机器人在真实场景创造真实价值
大数据·人工智能
2401_865261637 小时前
亦唐科技:大数据如何驱动精准商业决策
大数据·科技
xiaomuzuirenzhen7 小时前
2027秋招项目复盘:数据科学与大数据技术专业如何从代码实现讲到业务价值
大数据
派小心.8 小时前
网站统计采样数据的误差核对
大数据·服务器·前端·数据库·人工智能·小程序·数据分析
JAVA_AI人工智能项目实战8 小时前
大模型结构演进.学习笔记
大数据·人工智能·语言模型·架构
donk13149 小时前
React Native for OpenHarmony 实战:三方库 react-native-step-indicator 的鸿蒙化适配指南
分布式·react native·react.js·wpf·harmonyos
古法老登瞎折腾9 小时前
大数据智能运维实战(二):准备一个可复现的运维实验环境
java·大数据·运维·spring ai·mcp
数字新视界9 小时前
机房动环监控助力智能管理
大数据·服务器·数据库·动环监控系统·动力与环境监控系统