javascript - clearRect() 在 html5 Canvas 中不起作用

Question

我写了一个函数，目的是在每次改变窗口大小时重新绘制一个方形线 block (覆盖整个页面)。

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() 创建一个新的 Canvas 元素。<知识库> Fiddle