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,用于关闭一个子路径,即从当前点绘制一条直线回到子路径的起始点。这在绘制封闭图形时非常有用,如圆形、矩形等。

相关推荐
weixin_447103581 小时前
Wpf布局之StackPanel!
wpf
小老鼠爱大米1 小时前
[C#] WPF - 资源URI
c#·wpf·uri
三千道应用题9 小时前
WPF学习笔记(13)列表框控件ListBox与数据模板
wpf
阿蒙Amon9 天前
《C#图解教程 第5版》深度推荐
开发语言·c#
暖馒9 天前
C#委托与事件的区别
开发语言·c#
JosieBook10 天前
【C#】C#异步编程:异步延时 vs 阻塞延时深度对比
c#·多线程·异步·阻塞
甄天10 天前
WPF中MVVM和MVVMLight模式
c#·wpf·visual studio
冰茶_10 天前
ASP.NET Core API文档与测试实战指南
后端·学习·http·ui·c#·asp.net
_oP_i10 天前
实现 “WebView2 获取word选中内容
开发语言·c#·word
设计师也学前端10 天前
SVG数据可视化组件基础教程9:自定义电池电量进度
前端·svg