clearRect（）在html5画布中不起作用

Question

我编写了一个函数，其目的是每次更改窗口大小时重新绘制一个方形块（覆盖整个页面）。

http://jsfiddle.net/9hVnZ/

问题在于

bgCtx.clearRect(0, 0, bgCtx.width, bgCtx.height);

对我不起作用：当我的Chrome浏览器尺寸发生变化时，之前的红线并没有像我想象的那样清晰。

转载截图： http://i.imgur.com/6aePMLm.png

我尝试浏览其他已回答的问题，其中一些案例遗失bgCtx.beginPath();但我确实已将其包括在内，bgCtx.width = bgCtx.width;也无法正常工作，我是否遗漏了某些内容或出现了什么问题？

任何建议都将受到赞赏：）

Answer 1

您在每个draw()上创建一个新的画布元素。 Fiddle