像绘制封闭的线条一样进行预设,然后使用fill()方法即可,如果使用stroke方法则为绘制线条,使用fill方法表示填充封闭线条的封闭区域。

代码如下:

				context.moveTo(100,100);
				context.lineTo(100,400);
				context.lineTo(400,400);
				context.lineTo(100,100);
				context.fillStyle = "#0000ff";
				context.fill();

效果:

HTML5绘图基础_05_填充区域_其他