SVGSVG路径-元素用于定义一个路径。下面的命令可用于路径数据：M=movetoL=linetoH=horizontallinetoV=verticallinetoC=curvetoS=smoothcurvetoQ=quadraticBéziercurveT=smoothquadraticBéziercurvetoA=ellipticalArcZ=closepath注意：以上所有命令均允许小写字母。大写表示绝对定位，小写表示相对定位。实例1上面的例子定义了一条路径，它开始于位置1500，到达位置75200，然后从那里开始到225200，最后在1500关闭路径。下面是SVG代码：实例svgxm
SVGSVG路径-元素用于定义一个路径。下面的命令可用于路径数据：M=movetoL=linetoH=horizontallinetoV=verticallinetoC=curvetoS=smoothcurvetoQ=quadraticBéziercurveT=smoothquadraticBéziercurvetoA=ellipticalArcZ=closepath注意：以上所有命令均允许小写字母。大写表示绝对定位，小写表示相对定位。实例1上面的例子定义了一条路径，它开始于位置1500，到达位置75200，然后从那里开始到225200，最后在1500关闭路径。下面是SVG代码：实例svgxm
SVGSVG多段线-实例1元素是用于创建任何只有直线的形状：Sorry,yourbrowserdoesnotsupportinlineSVG.下面是SVG代码：实例svgxmlns="http://www.w3.org/2000/svg"version="1.1">polylinepoints="20,2040,2560,4080,120120,140200,180"style="fill:none;stroke:black;stroke-width:3"/>svg>尝试一下»F对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。实例2只有直线的另一个例子：Sorry,yourbr
SVGSVG多段线-实例1元素是用于创建任何只有直线的形状：Sorry,yourbrowserdoesnotsupportinlineSVG.下面是SVG代码：实例svgxmlns="http://www.w3.org/2000/svg"version="1.1">polylinepoints="20,2040,2560,4080,120120,140200,180"style="fill:none;stroke:black;stroke-width:3"/>svg>尝试一下»F对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。实例2只有直线的另一个例子：Sorry,yourbr
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椭圆-实例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
SVG教程SVG意为可缩放矢量图形（ScalableVectorGraphics）。SVG使用XML格式定义图像。现在开始学习SVG!SVG实例html>body>h1>MyfirstSVGh1>svgxmlns="http://www.w3.org/2000/svg"version="1.1">circlecx="100"cy="50"r="40"stroke="black"stroke-width="2"fill="red"/>svg>body>html>尝试一下»点击"尝试一下"按钮查看运行结果.SVG实例我们可以在线编辑SVG实例，并且在线查看运行结果!在线实例SVG参考手册在菜鸟教程
SVG教程SVG意为可缩放矢量图形（ScalableVectorGraphics）。SVG使用XML格式定义图像。现在开始学习SVG!SVG实例html>body>h1>MyfirstSVGh1>svgxmlns="http://www.w3.org/2000/svg"version="1.1">circlecx="100"cy="50"r="40"stroke="black"stroke-width="2"fill="red"/>svg>body>html>尝试一下»点击"尝试一下"按钮查看运行结果.SVG实例我们可以在线编辑SVG实例，并且在线查看运行结果!在线实例SVG参考手册在菜鸟教程
