如何修复“ TypeError：背景为空”？

Question

我正在尝试使用<canvas>标签和Javascript绘制背景。但是，我一直遇到此错误：TypeError: background is null

我标记的画布被分配给bgCanvas。完整的脚本可以在这里找到：https://codepen.io/loktar00/pen/uEJKl

HTML：

<canvas id="bgCanvas"></canvas>

Javascript：

var background = document.getElementById("bgCanvas"),
    bgCtx = background.getContext("2d"),
    width = window.innerWidth,
    height = document.body.offsetHeight;

我希望将此脚本用作网站的背景。感谢所有帮助！