Javascript globalAlpha完全褪色屏幕变黑

Question

我正在使用此javascript代码将画布上的任何内容（ctx）慢慢淡化为黑色：

function screenFill() {
  ctx.globalAlpha = 0.01;
  ctx.beginPath();
  ctx.rect(-10, -10, window.innerWidth + 20, window.innerHeight + 20);
  ctx.fillStyle = 'black';
  ctx.fill();
  ctx.globalAlpha = 1;
}

唯一的问题是屏幕上的颜色永远不会变黑，但最终会变成丑陋的灰色。

有什么方法可以解决这个问题吗？

这是展示我作品的fiddle。