2.1 基本形状

矩形

<rect x="x" y="y" rx="rx" ry="ry" />

原点(0,0) x 轴 y 轴 x y rx ry width height

圆形

<circle r="r" cx="cx" cy="cy" />

原点(0,0) x 轴 y 轴 x y r

椭圆

<ellipse cx="cx" cy="cy" rx="rx" ry="ry" />

原点(0,0) x 轴 y 轴 x y rx ry

线条

<line x1="x1" y1="y1" x2="x2" y2="y2" />

原点(0,0) x 轴 y 轴 (x1, y1) (x2, y2)

折线

<polyline points="x1 y1, x2 y2, x3 y3,..." />

原点(0,0) x 轴 y 轴

多边形

<polygon points="x1 y1, x2 y2, x3 y3,..." />

原点(0,0) x 轴 y 轴

路径

<path d="..." />

d 参考:d 属性