C#--SVG矢量图画法示例

1.代码示例

cs 复制代码
<Viewbox   Grid.Column="1" Grid.ColumnSpan="1" Grid.RowSpan="1" >
   <Path Name="ValveShape" Stroke="Black"   Data="M 50,0 L 150,200 L 50,200 L 150,0 Z" Width="200" Height="200" StrokeThickness="1"
                        Fill="SteelBlue"  />
</Viewbox >

2.释义

Data="M 50,0 L 150,200 L 50,200 L 150,0 Z": 定义了路径的数据,描述了构成阀门形状的各个点和线段。这里是用SVG路径数据格式编写的,从(50,0)点开始,到(150,200),再到(50,200),然后到(150,0),最后闭合(Z)形成一个四边形。

3.成图效果

补充:

在XAML路径数据上下文中,ML 是用于定义路径命令的字符,它们属于SVG路径数据语法的一部分,广泛应用于矢量图形描述,包括在XAML中定义形状。这些命令指示如何从一个点移动到另一个点以及如何绘制直线。具体来说:

  • Mm 表示 Move To 命令。它用于将绘图的当前位置移动到指定的坐标,不绘制任何东西 。大写字母 M 表示绝对坐标 ,小写字母 m 表示相对于当前位置的相对坐标。

  • Ll 表示 Line To 命令。用于从当前点画一条直线到指定的坐标 。同样地,大写字母 L 使用绝对坐标,小写字母 l 使用相对坐标。

例如,在路径数据 "M 50,0 L 150,200" 中,M 50,0 首先将绘图笔移动到坐标 (50, 0),然后 L 150,200 从上一个点画一条直线到坐标 (150, 200)。

此外Zz 命令代表 ClosePath,用于关闭一个子路径,即从当前点绘制一条直线回到子路径的起始点。这在绘制封闭图形时非常有用,如圆形、矩形等。

相关推荐
源之缘-OFD先行者1 小时前
GMap.NET + WPF:构建高性能 ADS-B 航空器追踪平台
.net·wpf·ads-b
勘察加熊人1 小时前
forms实现俄罗斯方块
c#
Marzlam3 小时前
WPF学习路线
wpf
weixin_535455794 小时前
WPF设计学习记录滴滴滴2
学习·wpf
艾妮艾妮5 小时前
C语言常见3种排序
java·c语言·开发语言·c++·算法·c#·排序算法
大林i瑶5 小时前
svg按钮渐变边框
css·svg
小码编匠6 小时前
.NET 验证码生成神器基于 SkiaSharp 的高性能方案
后端·c#·.net
专注VB编程开发20年6 小时前
Aspose.words,Aspose.cells,vb.net,c#加载许可证,生成操作选择:嵌入的资源
c#·word·.net·vb.net
^@^lemon tea^@^6 小时前
WPF 浅述IsHitTestVisible属性
wpf·wpf 穿透
andy55206 小时前
.NET 使用 WMQ 连接Queue 发送 message 实例
xml·c#·wmq·c# 连接wmq·发送消息到wmq