4 线段

4.1 设置绘制起点(moveTo)

ctx.moveTo(10, 10);

• 语法：ctx.moveTo(x, y);
• 解释：设置上下文绘制路径的起点。相当于移动画笔到某个位置
• 参数：x,y 都是相对于 canvas盒子的最左上角。
• 注意：绘制线段前必须先设置起点，不然绘制无效。

4.2 绘制直线(lineTo)

ctx.lineTo(100, 100)

• 语法：ctx.lineTo(x, y);
• 解释：从x,y的位置绘制一条直线到起点或者上一个线头点。
• 参数：x,y 线头点坐标。