svg的path的应用

Posted 2023-04-22

参考技术A 用svg的path标签可以画出任何你想画的图像
这里有一篇详细的指南，有兴趣的可以看下: svg的path
这里再引用一位博主写的不错的文章： SVG之path

再来看张图：

扇形图是圆的一部分，要画出图中的扇形图分三步：
#1：从圆心（400，300）画一条直线到弧的起点位置
#2：从弧的起点位置画一条弧到终点位置
#3：闭合路径

svg path详解

svg的<path>标签具有强大的功能，主要包括以下命令

M(move to)

参数：x，y

L(line to)

参数：x,y

H

参数：x

V

参数：y

C

 

S

Q

T

Z

 

 

 

 

 

 

 

 

 

 

 

 

参考：