HTML5畫布如何設定線的樣式？

　　在畫布中，預設線的顏色為黑色，寬度為1畫素，但我們可以使用相應的方法為線新增不同的樣式。下面將從寬度、描邊顏色、端點形狀三方面詳細講解線樣式的設定方法。

　　1. 寬度

　　使用畫布中的lineWidth屬性可以定義線的寬度，該屬性的取值為數值(不帶單位)，以畫素為計量，例如下面的示例程式碼，表示設定線的寬度為10畫素。

　　2. 描邊顏色

　　使用畫布中的strokeStyle屬性可以定義線的描邊顏色，該屬性的取值為十六進位制顏色值或顏色英文，例如下面的示例程式碼。

　　在上面的示例程式碼中，兩種方式都可以用於設定紅色，顯示效果相同。

　　3. 端點形狀

　　預設情況下，線的端點是方形的，透過畫布中的lineCap屬性可以改變端點的形狀，其基本語法格式如下。

　　在上面的語法格式中，lineCap屬性的取值有3個，具體如表1所示。

　　 表1 lineCap屬性值

　

　　HTML5畫布如何設定線的樣式?這個問題上面已經為大家做了詳細的介紹。 想了解哪方面的HTML5知識，歡迎在下面留言。