SVG提供了多种基本图形类型，如圆形、矩形、椭圆、直线、折线和多边形等。下面将介绍这些图形类型的用法，并给出相应的示例代码。
svg-11-81433.png
圆形（Circle）：
circle元素用来绘制圆形。圆心和半径可以通过cx、cy和r属性定义。例如：
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
该代码会在坐标(50, 50)的位置绘制一个半径为40、边框为黑色的圆形，填充为红色。
矩形（Rect）：
rect元素用来绘制矩形。矩形的大小和位置可以通过x、y、width和height属性定义。例如：
<rect x="10" y="10" width="100" height="50" stroke="black" stroke-width="2" fill="blue" />
该代码会在坐标(10, 10)的位置绘制一个宽为100、高为50、边框为黑色的矩形，填充为蓝色。
椭圆（Ellipse）：
ellipse元素用来绘制椭圆。椭圆的大小和位置可以通过cx、cy、rx和ry属性定义。例如：
<ellipse cx="50" cy="50" rx="30" ry="40" stroke="black" stroke-width="2" fill="green" />
该代码会在坐标(50, 50)的位置绘制一个长轴半径为30、短轴半径为40、边框为黑色的椭圆，填充为绿色。
直线（Line）：
line元素用来绘制直线。直线的起点和终点可以通过x1、y1、x2和y2属性定义。例如：
<line x1="10" y1="10" x2="100" y2="100" stroke="black" stroke-width="2" />
该代码会在坐标(10, 10)和(100, 100)之间绘制一条边框为黑色的直线。
折线（Polyline）：
polyline元素用来绘制折线。折线的每个点可以通过点坐标属性定义。例如：
<polyline points="5,10 20,30 40,20 65,45" stroke="black" stroke-width="2" fill="none" />
该代码会在指定的点之间绘制一条边框为黑色的折线。
多边形（Polygon）：
polygon元素用来绘制多边形。多边形的每个点可以通过点坐标属性定义，且最后一个点会与第一个点自动闭合。例如：
<polygon points="5,10 20,30 40,20 65,45" stroke="black" stroke-width="2" fill="yellow" />
该代码会在指定的点之间绘制一个边框为黑色、填充为黄色的多边形。
