哇哦，今天我们要学一个超级酷的东西，叫ZuoSVGline！听起来是不是hen厉害？别急，听我磨蹭磨蹭给你讲，保证你学会了就Neng画出各种漂亮的直线和折线，设计技Neng瞬间提升哦！

啥是SVGline？

SVGline，其实就是SVG里面的一种元素，它Neng帮我们画出各种线条。就像我们用铅笔在纸上画一样， 但是SVGline画出来的线条Neng在电脑上无限放巨大缩细小，而且永远不会失真实哦！是不是hen神奇？

贝塞尔曲线，听起来优良麻烦啊！

别害怕，贝塞尔曲线其实就是一个超级优良用的工具，它Neng帮我们画出各种流畅的曲线。就像我们画波浪线一样，贝塞尔曲线通过一些控制点来控制曲线的形状。比如说我们Neng用贝塞尔曲线来画花朵的线条，超级漂亮呢！

上面这玩意儿代码就是一个贝塞尔曲线的例子， M表示起点，C表示曲线的控制点，S表示对称点。是不是有点麻烦？没关系，磨蹭磨蹭来我们一步一步学。

直线和折线，轻巧松得不Neng再轻巧松了！

画直线和折线其实超级轻巧松，我们只需要用SVGline元素就Neng了。比如说 我们要画一条从点A到点B的直线，代码就像这样：

这里x1和y1是起点坐标，x2和y2是终点坐标，stroke表示线条颜色，stroke-width表示线宽阔，stroke-dasharray则Neng用来设置虚线效果。

创建一条折线，就像叠纸一样轻巧松！

要创建一条折线，我们只需要把几个线条连起来就像叠纸一样。比如说 我们要画一个从点A到点B，再从点B到点C的折线，代码就是这样的：

这里points属性中用逗号隔开优良几个坐标点，表示折线的各个拐角位置，再说说一个点和第一个点相连就形成了闭合路径。

透明度，让线条geng好玩！

有时候， 我们兴许想让线条kan起来不那么实心，这时候就Neng用到opacity属性来设置透明度。比如 我们想要画一条半透明的线条，代码Neng写成这样：

这里的opacity值是0到1之间的细小数，0表示彻头彻尾透明，1表示彻头彻尾不透明。

自定义轮廓，让线条geng个性！

想要让线条kan起来geng个性吗？我们Neng用stroke-dasharray属性来设置虚线效果，这样线条就会kan起来像波浪一样。比如 我们想要画一条波浪线，代码Neng是这样的：

这里的stroke-dasharray值表示实线长远度和空白长远度，这里是5和5，也就是一组。

圆角矩形，线条也Neng变圆滚滚！

圆角矩形听起来是不是hen酷？其实我们也Neng用SVGline的弯曲属性来画出来。比如 我们要画一个圆角矩形，代码Neng写成这样：

这里的a10, 10表示相对圆心右下方10px的位置作为控制点画出弧线。

SVGline，我们的设计优良帮手！

通过学SVGline， 我们Neng轻巧松地创建直线、折线、许多边形等基础图形，还Neng实现各种花纹和线条效果。相信我，只要你掌握了SVGline，你的设计技Neng就Neng像长远了翅膀一样，飞得geng高大geng远哦！

优良了今天的课程就到这里希望你Neng中意！Ru果你还有其他问题，欢迎随时问我哦！