SVG的基本图形形状

[size=medium]和其它矢量化图形工具一样,SVG也有一些预定义的基本形状可供我们直接使用,这些基本形状称为元素,就像HTML文档中的table元素一样,下面是SVG标准里预先定义好的基本形状元素:矩形、圆形、椭圆、直线、折线、多边形、描绘路径 等。
:通过指定开始点(x1,y1)、结束点(x2,y2)和宽度stroke定义一条直线,语法如下: 要想得到很细的线,可以指定stroke-width为大于0小于1的数值。
:在SVG中,要定义一个圆,只需要指顶圆心的坐标、半径即可,也可以使用样式单属性定义外观的样式,语法如下:
:定义椭圆和定义圆很相象,指定圆心,X,Y轴的半径即可:
:这个标记用来指定连续的点的坐标来,定义多边形。语法如下:
:这个标记通过指定各个点的坐标,来定义一条折线,格式如下:
:是SVG中最复杂的,它创建最复杂的形状,也是最有用、用的最多的,

你可能感兴趣的:(SVG)