SVG动画，了解一下

浏览器兼容：IE9+
描述：基于数学的描述
使用：html使用img标签/svg标签 背景图

基本图形
- <rect> 矩形
- <circle> 圆形
- <ellipse> 椭圆
- <line> 线
- <polyline> 折线
- <pplygon> 多边形
- <path> 路径

基本属性
- fill 填充
- stroke 边框
- stroke-width 边框宽度
- transform 变形
- fill-opacity 填充颜色透明度
- stroke-opacity 填充透明度

• <rect> 矩形

  • x / y 坐标
  • width / height 大小
  • rx / ry 圆角半径 和border-radius 一样

• <circle> 圆形

  • cx / cy 圆心位置
  • r 半径

• 线条

  • x1 y1 开始坐标
  • x2 y2 结束坐标

• 曲线

  • points

    格式(xi,yi)+

• 多边形

  • points

    格式(xi,yi)+

图形分组

标签来创建分组
属性继承
transform 属性定义坐标变换