var myCanvas=document.querySelector('canvas');
//获取上下文
var ctx=myCanvas.getContext('2d');
ctx.moveTo(100,100);
ctx.lineTo(300,100);
ctx.lineTo(300,300);
ctx.lineTo(100,300);
ctx.closePath();
ctx.moveTo(150,150);
ctx.lineTo(150,250);
ctx.lineTo(250,250);
ctx.lineTo(250,150);
ctx.closePath();
ctx.fill();
</script>
补充:ctx.fillStyle="red";可以改变填充的颜色