SVGSVG多边形-实例1标签用来创建含有不少于三个边的图形。多边形是由直线组成，其形状是"封闭"的（所有的线条连接起来）。polygon来自希腊。"Poly"意味"many"，"gon"意味"angle".下面是SVG代码：实例svgheight="210"width="500">polygonpoints="200,10250,190160,210"style="fill:lime;stroke:purple;stroke-width:1"/>svg>尝试一下»对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。代码解析：points属性定义多边形每个角的x和y坐标实例2下面的
SVGSVG多边形-实例1标签用来创建含有不少于三个边的图形。多边形是由直线组成，其形状是"封闭"的（所有的线条连接起来）。polygon来自希腊。"Poly"意味"many"，"gon"意味"angle".下面是SVG代码：实例svgheight="210"width="500">polygonpoints="200,10250,190160,210"style="fill:lime;stroke:purple;stroke-width:1"/>svg>尝试一下»对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。代码解析：points属性定义多边形每个角的x和y坐标实例2下面的
SVGSVG直线-元素是用来创建一个直线：下面是SVG代码：实例 style="stroke:rgb(255,0,0);stroke-width:2"/>尝试一下»对于Opera用户：查看SVG文件右键单击SVG图形预览源）。x1属性在x轴定义线条的开始y1属性在y轴定义线条的开始x2属性在x轴定义线条的结束y2属性在y轴定义线条的结束
SVGSVG直线-元素是用来创建一个直线：下面是SVG代码：实例 style="stroke:rgb(255,0,0);stroke-width:2"/>尝试一下»对于Opera用户：查看SVG文件右键单击SVG图形预览源）。x1属性在x轴定义线条的开始y1属性在y轴定义线条的开始x2属性在x轴定义线条的结束y2属性在y轴定义线条的结束
SVGSVG椭圆-实例1元素是用来创建一个椭圆：椭圆与圆很相似。不同之处在于椭圆有不同的x和y半径，而圆的x和y半径是相同的：下面是SVG代码：实例svgxmlns="http://www.w3.org/2000/svg"version="1.1">ellipsecx="300"cy="80"rx="100"ry="50"style="fill:yellow;stroke:purple;stroke-width:2"/>svg>尝试一下»对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。代码解析：CX属性定义的椭圆中心的x坐标CY属性定义的椭圆中心的y坐标RX属性定义的水平半径R
SVGSVG椭圆-实例1元素是用来创建一个椭圆：椭圆与圆很相似。不同之处在于椭圆有不同的x和y半径，而圆的x和y半径是相同的：下面是SVG代码：实例svgxmlns="http://www.w3.org/2000/svg"version="1.1">ellipsecx="300"cy="80"rx="100"ry="50"style="fill:yellow;stroke:purple;stroke-width:2"/>svg>尝试一下»对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。代码解析：CX属性定义的椭圆中心的x坐标CY属性定义的椭圆中心的y坐标RX属性定义的水平半径R
SVGSVG圆形-标签可用来创建一个圆：下面是SVG代码：实例 stroke-width="2"fill="red"/>尝试一下»对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。代码解析：cx和cy属性定义圆点的x和y坐标。如果省略cx和cy，圆的中心会被设置为(0,0)r属性定义圆的半径
SVGSVG圆形-标签可用来创建一个圆：下面是SVG代码：实例 stroke-width="2"fill="red"/>尝试一下»对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。代码解析：cx和cy属性定义圆点的x和y坐标。如果省略cx和cy，圆的中心会被设置为(0,0)r属性定义圆的半径
SVGSVGShapesSVG有一些预定义的形状元素，可被开发者使用和操作：矩形圆形椭圆线折线多边形路径下面的章节会为您讲解这些元素，首先从矩形元素开始。SVG矩形-实例1标签可用来创建矩形，以及矩形的变种：下面是SVG代码：实例 style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)"/>尝试一下»对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。代码解析:rect元素的width和height属性可定义矩形的高度和宽度style属性用来定义CSS属性CSS的fill属性定义矩形的填充颜色（rgb值、颜色名或者十六进
SVGSVGShapesSVG有一些预定义的形状元素，可被开发者使用和操作：矩形圆形椭圆线折线多边形路径下面的章节会为您讲解这些元素，首先从矩形元素开始。SVG矩形-实例1标签可用来创建矩形，以及矩形的变种：下面是SVG代码：实例 style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)"/>尝试一下»对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。代码解析:rect元素的width和height属性可定义矩形的高度和宽度style属性用来定义CSS属性CSS的fill属性定义矩形的填充颜色（rgb值、颜色名或者十六进
