SVG 元素和代码解释 SVG 中图形元素(graphics element)是可以用来在目标画布上画出图形的元素，包括定义的标准形状，特别是矩形、圆形、椭圆形、直线、折线和多边形等。文章介绍了 SVG 元素的代码及其含意。SVG 元素分为图形元素、容器元素、图形引用元素、文本、SVG 文档片断内容。 来源：SVG 中国(ChinaSVG.COM) 1 图形元素 SVG 中图形元素(graphics element)是可以用来在目标画布上画出图形的元素，包括定义的标准形状，特别是矩形、圆形、椭圆形、直线、折线和多边形等。 (1) 矩形 矩形用元素rect来表达 代码：
含意：绘制宽 200 像素，高 100 像素，填充色为绿色的矩形 (2) 圆形 圆形用元素circle 来表达 代码：
含意：绘制半径为 50 像素，填充色为蓝色的圆形 (3) 线段 线段用元素line 来表达 代 码：
含意：从点(50,50)到点(200,200)绘制一条蓝色 10 像素宽的线段 (4) 椭圆 椭圆用元素ellipse 来表达 代码：
含意：绘制 x 轴半径为 100 像素，y 轴半径为 50 像素，边线为绿色的椭圆 (5) 折线 折线用元素polyline 来表达 代码：
含意：从点(100,0) 开始，经过点(93,16), (72,26), (43,25), (13,11),(-11,-13),(-16,-93),(0,-100), (16,-93),(26,72),(25,-43),(11,43),(-13,11), (-43,25),( -72,26),( -93,16)，最后到点(-100,0)绘制一条线宽为1 像素的绿色折线 (6) 多边形 多边形用元素polygon 来表达 代码：
含意：以(100,100) (150,100) (300,200) (50,200)四个点为顶点绘制填充色为蓝色的多边形，该多边形是一个梯形 (7) 路径 路径用元素path 来表达 代码：
含意：按 动作定义一条填充色为绿色的路径“移动原点到(200,200)，向Y 方向直线运动100，...
VIP
