像绘制封闭的线条一样进行预设,然后使用fill()方法即可,如果使用stroke方法则为绘制线条,使用fill方法表示填充封闭线条的封闭区域。
代码如下:
context.moveTo(100,100);
context.lineTo(100,400);
context.lineTo(400,400);
context.lineTo(100,100);
context.fillStyle = "#0000ff";
context.fill();
效果: