SVG

矩形

rect
           x:100;            
            y:100;
            width:200px;            矩形的宽
            height: 200px;          矩形的高
            stroke:#000;            描边颜色
            fill:#f00;              填充颜色
            stroke-width: 20;       描边宽度
            stroke-opacity:0.5;     描边透明度
            fill-opacity: 0.5;      填充透明度

圆形

circle
            cx:400;          圆心x
            cy:200;          圆心y
            r:100;           半径
            stroke:#000;     描边颜色
            fill:#f90;       填充颜色
            opacity:0.5;     透明度
            stroke-width:20; 描边宽度

椭圆

ellipse
            cx:300;           圆心x
            cy:300;           圆心y
            rx:150;           横向半径
            ry:100;           纵向半径
            stroke:#000;      描边颜色
            fill:#f90;        填充颜色

线

line
          <line x1="100" y1="100" x2="400" y2="400" id="line1"></line>
          x1:起点x
          y1:起点y
          x2:终点x
          y2:终点y
          stroke:#f90;                描边颜色
          stroke-width: 20;           描边宽度

多边形

polygon
          <polygon points="200,10 250,190 160,210" fill="#f90"
                 stroke="#000"></polygon>

           points:多边形的几个点
           fill：填充颜色
          stroke：描边颜色