矩形
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：描边颜色
