今天修改后的logo出来了，花了200大洋，这个姑娘人还不错，挺好说话的，以后的设计就让她来做了，上图：

    昨天的标感觉太碎了，而且棱角比较重，我喜欢圆润一些，让美工输出了很多颜色和大小，以便以后适用于各种环境。。。好啦，logo的事儿终于算是定下来了，接下来继续研究svg，昨天看到椭圆了。

    <line>标签：用来创建线条

    示例代码：<line x1="200" y1="300" x2="300" y2="200" style="stroke:#66CC66;stroke-width:2"/>

    <line>属性：x1=线条在x轴的开始，y1=线条在y轴的开始，这两个坐标定义了线条的开始位置。x2=线条在x轴的结束，y2=线条在y轴的结束，这两个左边定义了线条的结束位置。

    <polygon>标签：用来创建不少于三个边的图形，也就是多边形

    示例代码：<polygon points="220,100 300,210 170,250 123,234" style="fill:#996666;"/>

    <polygon>属性：points定义每个角的坐标

    <polyline>标签：用来创建仅包含直线的形状

    示例代码：<polyline points="10,10 10,30 30,30 30,40 40,40 40,60" style="fill:#fff;stroke:red;stroke-width:2" />

    <polyline>属性：points定义每个点的坐标，两个点之间用直线连接

    <path>标签：用来定义路径

    示例代码：<path d="M250 150 L150 350 L350 350 Z" style="stroke-width:2;stroke:red" />

    代码解释：定义了一条路径，开始位置是250 150，到达位置是150 350，再从150 350开始，到达350 350，最后闭环在250 150

    <path>属性：M=moveto(开始位置)

                           L=lineto(将画笔移动到指定的坐标位置)

                           H=horizontal lineto(画水平线到指定的X坐标位置)

                           V=vertical lineto(画垂直线到指定的Y坐标位置)

                           C=curevto(一个点影响曲线形状，另一个点是曲线的终点，使用的是二次方贝塞尔曲线的标准公式，该公式可以计算出两点之间的曲线，这条曲线向着控制点弯曲)

                           S=smooth curevto(平滑的曲线)

                           Q=quadratic Belzier curve(二次贝塞尔曲线)

                           A=elliptical Arc(弧线)

                           T=smooth quadratic Belzier curveto(映射)

                           Z=closepath(关闭路径)

    <g>标签：用于把相关元素进行组合的容器元素（感觉这个用得着）

    到此，svg的基本标签已经认识完了，当然还有很多，用到再查吧！SVG的效果先不看了，我的目的是看懂基本图形，下一步的任务就是要动态的画出SVG图，在这之前，我需要看看别的网站怎么做的，因为认识了SVG的基本标签，所以别人的代码也能看懂了。今天就到这里，家里实在冷，老爸啥时候回来啊！

本文出自 “九零后的IT人” 博客，谢绝转载！

菜鸟创业记--第四天