SVG小练习（day34）

1.SVG

1.1 标签

x1 属性在 x 轴定义线条的开始
y1 属性在 y 轴定义线条的开始
x2 属性在 x 轴定义线条的结束
y2 属性在 y 轴定义线条的结束

1.2 标签

rect 元素的 width 和 height 属性可定义矩形的高度和宽度,x定义横坐标，y纵坐标
**圆角矩形

rx 和 ry 属性可使矩形产生圆角。

1.3标签

cx 和 cy 属性定义圆点的 x 和 y 坐标。如果省略 cx 和 cy，圆的中心会被设置为 (0, 0),r 属性定义圆的半径。

1.4 标签

cx 属性定义圆点的 x 坐标
cy 属性定义圆点的 y 坐标
rx 属性定义水平半径
ry 属性定义垂直半径

1.5 标签

标签用来创建含有不少于三个边的图形。

points 属性定义多边形每个角的 x 和 y 坐标

1.6 标签

用来创建仅包含直线的形状。

1.7 标签

用来定义路径。

上面的例子定义了一条路径，它开始于位置 250 150，到达位置 150 350，然后从那里开始到 350 350，最后在 250 150 关闭路径。

1.8显示文字

SVG

x,y是文本开始坐标。
文本主要使用text元素，在text元素中，空格的处理与HTML类似：换行和回车变成空格，而多个空格压缩成单个空格。

1.9画一朵花

curveto的参数

叶子参考
curveto曲线的参数

1.10 画一颗小树

预览效果