HTML5绘图基础_04_绘制封闭线条

我们只需要使用lineTo将终点绘制到起点即可。

代码如下：

				context.moveTo(100,100);//起点
				context.lineWidth = 5;
				context.strokeStyle = "#ff0000";
				context.lineTo(100,400);
				context.lineTo(400,400);
				context.lineTo(100,100);//回到起点
				context.stroke();

效果：