????今天修改后的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

總結

以上是生活随笔為你收集整理的菜鸟创业记--第四天的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。