HTML Canvas - 直線

直線是由一組在相反方向延伸直至相遇的點形成的簡單圖形。

介面 `CanvasRenderingContext2D` 包含用於使用介面的上下文物件在畫布元素上繪製線條的屬性和方法。該介面可用於繪製線條以及在`

下表列出了在 Canvas 元素內繪製和設定線條樣式的可用屬性。

序號	屬性和描述
1	lineCap 屬性 `lineCap` 幫助我們設定使用 `lineTo()` 方法繪製的線條端點的樣式。
2	lineDashOffset 此屬性幫助我們在畫布上繪製虛線。
3	lineJoin 此屬性允許設定兩條線段端點相遇處的樣式。
4	lineWidth Canvas API 的此屬性可用於更改在 Canvas 元素上繪製的線條的粗細。
5	miterLimit CanvasRenderingContext2D 介面的 `miterLimit` 屬性幫助我們設定斜接限制的比率。

以下是使用 HTML Canvas 繪製各種型別線條的可用方法列表：

序號	方法和描述
1	getLineDash() Canvas API 的 `getLineDash()` 方法返回線條虛線圖案。
2	lineTo() 此方法從其當前點繪製一條線到作為引數給出的點。
3	setLineDash() 此方法可用於在向 Canvas 元素中的線條新增描邊時設定線條虛線圖案。

列印頁面