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

相关推荐
焦糖玛奇朵婷29 分钟前
盲盒小程序开发科普:核心玩法与功能解析
大数据·数据库·程序人生·小程序·软件需求
好物种草官1 小时前
广州儿童眼镜店深度测评:6家主流品牌横向对比与选择策略
大数据·人工智能·经验分享
Web3VentureView1 小时前
目标:覆盖全网主流公链,SYNBO 正式开启公链生态媒体合作矩阵计划
大数据·网络·人工智能·区块链·媒体·加密货币
AI_56781 小时前
Git冲突治理白皮书:智能标记与可视化协同的下一代解决方案
大数据·人工智能·git·机器学习
玛雅牛牛2 小时前
生鲜小程序新手如何选
大数据·小程序
InfiSight智睿视界2 小时前
当老字号遇上AI:阳坊涮肉的数字化运营转型之路
大数据·人工智能·连锁店智能巡检
百***07452 小时前
OpenClaw+一步API实战:本地化AI自动化助手从部署到落地全指南
大数据·人工智能·python
好好沉淀2 小时前
Elasticsearch 中批量更新文档(Update By Query)的标准写法
大数据·elasticsearch
BYSJMG2 小时前
计算机毕设选题推荐:基于Hadoop的交通事故数据可视化分析系统
大数据·vue.js·hadoop·分布式·后端·信息可视化·课程设计
小程故事多_802 小时前
Elasticsearch ES 分词与关键词匹配技术方案解析
大数据·人工智能·elasticsearch·搜索引擎·aigc