# Scalable Vector Graphics 可缩放矢量图形
SVG 是一种描述 二维矢量图形的标记语言
# rect 矩形
x是矩形左上角的水平方向坐标y是矩形左上角的垂直方向坐标width矩形的宽度height矩形的高度rx圆角半径 等同于ryfill绘制背景颜色
# circle 圆形
cx圆心水平方向坐标cy圆心垂直方向坐标r圆的半径fill绘制背景颜色
# ellipse 椭圆
cx圆心水平方向坐标cy圆心垂直方向坐标rx水平方向半径ry垂直方向半径fill绘制背景颜色
# line 直线
x1起点水平方向坐标y1起点垂直方向坐标x2终点水平方向坐标y2终点垂直方向坐标stroke绘制线条颜色stroke-width绘制线条粗细
# polygon 多点连线
point点的坐标集合fill绘制背景颜色stroke绘制线条颜色stroke-width绘制线条粗细
# path 随心所欲
- 基本操作
M 20 30起点坐标L 20 30直线连线坐标H 50水平方向坐标画线V 80垂直方向坐标画线
- 二次贝塞尔曲线
Q x1 y1,x y
- 三次贝塞尔曲线
C x1 y1,x2 y2, x y