1.有6个基本图形标签和通用属性还有一些常用的属性,比如fill(填充),stroke(边框),transform(变换)(transform是css3中的用法)然后学习图形together属性用法2.矩形(rect)重要的是在svg坐标系中,x轴正方向向右,y轴正方向向下x:水平坐标值来自父坐标系(坐标系的概念后面会讲到,先记住parent)y:来自父坐标系的垂直坐标值width:矩形的宽度height:矩形的高度rx:水平圆角值ry:垂直圆角值示例:3.圆(circle)cx:横坐标值父坐标系的圆心cy:父坐标系的圆心的垂直坐标值r:半径示例:4.椭圆(ellipse)cx:圆心到父坐标系的距离水平坐标值cy:圆心到父坐标系的垂直坐标值rx:水平半径ry:垂直半径例子:5。直线(直线)这个定义很简单。数学上,两点的坐标x1:第一个点距离父坐标系的水平坐标值y1:第一个点距离父坐标系的垂直坐标值x2:第一个点距离的水平坐标值y2父坐标系两点之间:第二个点距离父坐标系的垂直坐标值例子:6.polylinepoints:多个坐标点的位置集合,傻瓜式写坐标就可以了,以此类推x1:从父坐标系开始的第一个点的水平坐标值distancefromparentcoordinatesystemx2:第二个点距父坐标sy的水平坐标值stemy2:第二个点从父坐标系的垂直坐标值…………上面的例子:七、多边形(polygon)points:类似于多线段,不同的是最后一个点会和第一个点连起来形成一个闭合图形x1:第一个点在父坐标系中的水平坐标值y1:垂直坐标值第一个点离父坐标系的距离x2:第二个点到父坐标系的距离坐标系的横坐标值y2:从父坐标系算起的第二个点的纵坐标值…………例子:以上是基本图形的绘制,好了,我学会了基本的绘制~