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 元素中的线条添加描边时设置线条虚线图案。

打印页面