菜鸟创业记--第四天

今天修改后的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的基本标签，所以别人的代码也能看懂了。今天就到这里，家里实在冷，老爸啥时候回来啊！

转载于:https://blog.51cto.com/liudabo/1588902

菜鸟创业记--第四天相关推荐

随便写写2014创业记(二)
这篇文章既然已经开始写了,那就坚持写完吧.可能文章中有很多不符合各位胃口的,请暂且不要去理会其是不是做错了还是做对了,经过这么长的时间我明白一个很简单的道理,只要你做事情就肯定会有错的地方或者不如意的 ...
《途客圈创业记：不疯魔，不成活》一一2.2 种子融资
本节书摘来自异步社区出版社<途客圈创业记:不疯魔,不成活>一书中的第2章,第2.2节,作者:陈天,更多章节内容可以访问云栖社区"异步社区"公众号查看. 2.2 种子融资 ...
《途客圈创业记：不疯魔，不成活》一一2.12 Nanfang离职
本节书摘来自异步社区出版社<途客圈创业记:不疯魔,不成活>一书中的第2章,第2.12节,作者:陈天,更多章节内容可以访问云栖社区"异步社区"公众号查看. 2.12 Na ...
《途客圈创业记：不疯魔，不成活》一一2.8 正式上线
本节书摘来自异步社区出版社<途客圈创业记:不疯魔,不成活>一书中的第2章,第2.8节,作者:陈天,更多章节内容可以访问云栖社区"异步社区"公众号查看. 2.8 正式上线 ...
《途客圈创业记：不疯魔，不成活》一一2.7 发布Alpha版本
本节书摘来自异步社区出版社<途客圈创业记:不疯魔,不成活>一书中的第2章,第2.7节,作者:陈天,更多章节内容可以访问云栖社区"异步社区"公众号查看. 2.7 发布Al ...
海斯凯尔获B轮融资另类学霸创业记!
本文讲的是海斯凯尔获B轮融资 "另类"学霸创业记,在各种创业故事中,听的最多的就"学渣"逆袭的创业故事,如笔者前老板李想,就经常被媒体拿出来作为创业榜样.李想的 ...
《途客圈创业记：不疯魔，不成活》一一2.1 创新工场初印象
本节书摘来自异步社区出版社<途客圈创业记:不疯魔,不成活>一书中的第2章,第2.1节,作者:陈天,更多章节内容可以访问云栖社区"异步社区"公众号查看. 2.1 创新工场 ...
《途客圈创业记：不疯魔，不成活》一一1.6 申请助跑计划
本节书摘来自异步社区出版社<途客圈创业记:不疯魔,不成活>一书中的第1章,第1.6节,作者:陈天,更多章节内容可以访问云栖社区"异步社区"公众号查看. 1.6 申请助跑 ...
相亲时, 如何向 TA 解释区块链? | 春哥区块链创业记
来源 | <春哥区块链创业记> 作者 | 陈炯.芮苏英.冯春.陆晟责编 | 乔治出品 | 区块链大本营(blockchain_camp) 信春哥得永生?哈哈哈,此春哥非彼春哥... 这 ...

菜鸟创业记--第四天

菜鸟创业记--第四天相关推荐

最新文章

热门文章