06. lineTo()

语法：lineTo(x, y)

1. 绘制一条从当前位置到指定x以及y位置的直线。
2. 开始点也可以通过moveTo()函数改变。

示例

const canvas = document.querySelector('.canvas-line')
const ctx = canvas.getContext('2d')
// 填充三角形
ctx.beginPath()
ctx.moveTo(25, 25)
ctx.lineTo(105, 25)
ctx.lineTo(25, 105)
ctx.fill()
// 描边三角形
ctx.beginPath()
ctx.moveTo(125, 125)
ctx.lineTo(125, 45)
ctx.lineTo(45, 125)
ctx.closePath()
ctx.stroke()