昨天的文章中用到了三次貝塞爾曲線--SVG_37_六一兒童節快樂-路徑移動-火焰文字，那麼接下來幾篇文章圍繞着貝塞爾曲線說明一下。
相對於circle、rect、ellipse、polygon等固定的圖形，在繪製曲線時，line是一條直線，polyline是折線，而path標籤代表了圓滑。
path標籤可以很靈活的繪製各種圖形，上面提到的各種標籤，都可以使用path標籤繪製出來。
前面有文章對path進行了說明，如
今天繼續看一下之前沒有介紹到的貝塞爾曲線。
path標籤中，最重要的莫屬於d屬性了，d屬性裏包含了很多的字母特性，如
M、L、V、H、Z等字母已在SVG_5_矢量圖_Path標籤_弧線世界開啓裏介紹，這裏再簡單複述一次。
d屬性：裏面的座標成對出現，一般我們把一對標籤中間用逗號隔開，標籤之間使用空格隔開。
以下字母區分大小寫，大寫表示絕對座標，小寫表示相對座標。
字母M：Move to 表示開始點座標，在它之後的座標作爲開始點。
字母L：Line to 表示直線，會從上一座標繪製直線到此座標。
字母V：Vertical 表示垂直的直線，即y座標，這裏單獨寫一個y座標即可。
字母H：Horizontal表示水平的直線，即x座標，這裏單獨寫一個x座標即可。
字母Z：表示閉合圖形，會把Z之前的座標和M的開始座標直接連起來。
字母A：Arc to，表示繪製曲線、弧線。
<!-- A標籤畫弧線， A後面第一個參數表示X軸半徑；A後面第二個參數表示Y軸半徑；A後面第三個參數表示角度；橢圓時纔會用到，因爲正圓旋轉後不會變的；A後面第四個參數表示弧長，0表示小弧，1表示大弧；A後面第五個參數表示方向，0表示逆時針，1表示順時針；A後面第六個參數表示終點X座標；A後面第七個參數表示終點Y座標；--><path d="M200,200A100 200 0 1 0 300,100" fill="none" stroke="blue" />
代碼運行效果
好了上面算是回顧了一下path標籤其他字母的使用，接着進入今天的主角Q。
下面看一下字母Q的特性。除了Q還有C、S等，由於篇幅問題，先介紹字母Q的用法。
字母Q表示二次貝塞爾曲線
Q cx, cy x, y
第一個參數和第二個參數是一對兒座標，表示貝塞爾曲線控制點座標，可以理解爲兩條曲線的切線，連接出來的焦點。
第三個和第四個參數是一對兒座標，表示貝塞爾曲線的終點座標。
<!-- 繪製各種曲線是，M起點座標一定是要的Q標籤--二次貝塞爾曲線，第一個參數和第二個參數表示貝塞爾曲線的控制點的座標，可以理解爲兩條曲線的切線，連接出來的焦點。第三個和第四個參數表示貝塞爾曲線的終點座標。--><path d="M20,20Q30,100 200,10" fill="none" stroke="red" />
效果圖
黑色線是做出的切線，兩線焦點是控制點的座標（示意圖）。
下一篇講三次貝塞爾曲線。
Xi說孔方兄認證
