SVG 简单的图形绘制

使用SVG绘制图形是非常简单的，SVG内置6个基本图形，和4个基本属性

• fill 填充颜色

• stroke 描边颜色

• stroke-width 描边粗细

• transform 变换

---

是最简单的，你可以用它来绘制一个圆

---

绘制一个圆形，只需要一个圆心（cx,cy），一条半径（r）即可。

仅仅是在的基础上增加了另外一条半径

---

两点确定一条直线

---

绘制矩形，偏移量（x,y）相对左边，width，height描述高宽，（rx,ry）描述四角弧度。

---

很有趣，意为折线，n条折线，由n-1个点组成，其实就是一个点集，格式为points="x1 y1 x2 y2..."

---

意为多边形，和折线差不多，其实也是一个点集，但polygon要求图形闭合，即开始点和结束点要相连，格式同位points="x1 y1 x2 y2..."