這篇文章主要介紹了Canvas怎么繪制路徑-線段，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

Canvas繪圖環(huán)境中有些屬于立即繪制圖形方法，有些繪圖方法是基于路徑的。

立即繪制圖形方法僅有兩個strokeRect(),fillRect(),雖然strokezText(),fillText()方法也是立即繪制的，但是文本不算是圖形。

基于路徑的繪制系統(tǒng)
大多數(shù)繪制系統(tǒng)，如：SVG(Scalable Verctor Graphics, 可縮放的矢量圖形)，Adobe Illustrator等，都是基于路徑的，

使用這些繪制系統(tǒng)時，你需要先定義一個路徑，然后再對其進行描邊或填充，也可以描邊加填充這樣圖形才能顯示出來。

Canvas中的三種繪制方式：

繪制一條線段

Canvas繪圖環(huán)境中，線段也是基于路徑繪制的，稱為線性路徑，創(chuàng)建線性路徑的方法：moveTO()與lineTo()，在創(chuàng)建路徑之后調(diào)用stroke()方法，才能在Canvas中畫出線段出來。

這就是前面我們所說的基于路徑的繪制方法，必須對其進行描邊或者填充；

通常兩點連一線因此繪制線段非常簡單，通過moveTO()指定線的起點，通過lineTo()移動到另一個點。

function drawLine(){
    cxt.moveTo(50, 50);
    cxt.lineTo(100, 100);
}

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。