无法在html5画布上为rectange制作背景色

Question

我添加了这些行，以便为矩形制作边框颜色和背景绿色，但没有成功：

context.fillStyle = 'green';
context.fill();
context.strokeStyle = 'green';
context.stroke();

这是我在JSFIDDLE中的代码： https://jsfiddle.net/f5z8qtcp/1/

如何在背景中使绿色矩形也变成颜色...灰色矩形在创建时必须像它一样，我只想为结果着色（边框已经着色为绿色）。

感谢＆＃39; S