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

相关推荐
哪里不会点哪里.1 小时前
Elasticsearch
大数据·elasticsearch·搜索引擎
WZGL12302 小时前
2026中国智慧养老行业:老龄化浪潮下的刚性需求爆发
大数据·人工智能·物联网
悟纤2 小时前
什么是音乐音高?——AI 音乐创作的完整指南 | Suno高级篇 | 第27篇
大数据·人工智能·suno·suno api·ai music
旗讯数字2 小时前
旗讯OCR深度解析:智能解析与纸质文档识别抽取全链路解决方案
大数据·人工智能·文档数字化·数据结构化·旗讯ocr
tianlebest2 小时前
git action
大数据·git·elasticsearch
静听松涛1332 小时前
门诊患者分诊引导流程图设计模板
大数据·论文阅读·人工智能·信息可视化·流程图·健康医疗
体育分享_大眼2 小时前
足球API接口与篮球API接口核心数据体系及标准化接入全指南
大数据·人工智能
DianSan_ERP3 小时前
从数据到决策:京东接口如何驱动供应链数字化升级
大数据·运维·服务器·数据库·人工智能·性能优化·架构
min1811234563 小时前
AI从工具向自主决策者的身份转变
大数据·网络·人工智能·架构·流程图