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

相关推荐
matlabgoodboy6 分钟前
Python代做java代码编写C++大数据R语言Hadoop/spark/flink/C语言
java·大数据·python
阳艳讲ai8 分钟前
企业AI培训评测:线下课vs线上营vs陪跑服务,谁能让员工真学会AI?附ROI选型指南
大数据·人工智能·数据挖掘
蓝策电子11 分钟前
蓝牙AoA技术如何实现智慧机场人员与资产管控
大数据·经验分享·物联网·信息可视化·智慧城市
Th133607024 分钟前
B端拓客号码核验行业现状:困局破解与价值重构,氪迹科技法人股东号码核验筛选系统,阶梯式价格
大数据·重构
Elastic 中国社区官方博客1 小时前
使用 TypeScript 创建 Elasticsearch MCP 服务器
大数据·服务器·数据库·人工智能·elasticsearch·搜索引擎·全文检索
Meya11271 小时前
告别机房 U 位管理内耗!这套系统让运维效率直接拉满 ✨
大数据·运维·人工智能
逸Y 仙X1 小时前
文章十三:ElasticSearch数据更新实战
java·大数据·elasticsearch·搜索引擎·jenkins
AC赳赳老秦1 小时前
OpenClaw SEO写手Agent实操:生成结构化文章,适配CSDN搜索规则
大数据·人工智能·python·搜索引擎·去中心化·deepseek·openclaw
无忧.芙桃1 小时前
基础开发工具(下)
大数据·elasticsearch·搜索引擎
ID_180079054731 小时前
淘宝商品详情API的调用频率限制是多少?
大数据·数据库·json