shiyou00#knowledge#SVG路径1

## path字符串 路径(path)是一个非常强大的绘图工具，可以用path元素绘制矩形（直角矩形或者圆角矩形）、圆形、椭圆、折线形、多边形，以及一些其他的形状，例如贝塞尔曲线、2次曲线等曲线 SVG路径最常用的属性是d属性，即path字符串，用来定义path元素的路径形状 属性d的值是一个“命令+参数”的序列，每一个命令都用一个关键字母来表示。参数之间可以用空格或逗号隔开，有一种情况例外，就是下一个数值是负数 ``` d 一个点集数列以及其它关于如何绘制路径的信息 ``` 下面是path字符串中的命令汇总  　　Path命令有如下规律 　　1、区分大小写：每一个命令都有两种表示方式，一种是用大写字母，表示采用绝对位置。另一种是用小写字母，表示采用相对位置 　　2、最后的参数表示最终要到达的位置 　　3、上一个命令结束的位置就是下一个命令开始的位置 　　4、命令可以重复参数表示重复执行同一条命令 　　5、因为属性d采用的是用户坐标系统，所以不需标明单位 ## 直线路径 　　``元素里有5个画直线的命令，顾名思义，直线命令就是在两个点之间画直线 　　首先是“Move to”命令，M需要两个参数，分别是需要移动到的点的x轴和y轴的坐标。假设，画笔当前位于一个点，在使用M命令移动画笔后，只会移动画笔，但不会在两点之间画线。因为M命令仅仅是移动画笔，但不画线。所以M命令经常出现在路径的开始处，用来指明从何处开始画 ``` M x y (or m dx dy) ``` 能够真正画出线的命令有三个（M命令是移动画笔位置，但是不画线），最常用的是“Line to”命令，L需要两个参数，分别是一个点的x轴和y轴坐标，L命令将会在当前位置和新位置（L前面画笔所在的点）之间画一条线段 ``` L x y (or l dx dy) ``` 　　另外还有两个简写命令，用来绘制平行线和垂直线。H，绘