canvas - Canvas 2d 每渲染一帧都会变慢

Question

看例子：

1. jsfiddle.net/Kky6J/5/
2. jsfiddle.net/8t3Nq/2/

唯一的区别是在 window.render 函数中清除画布的方式：

1. ctx.clearRect(0, 0, 宽度, 高度);
2. 图表宽度 = 图表宽度；

在谷歌浏览器“23.0.1271.97m”（和firefox 17.0.1）中，我在（1.）中的每一帧都出现了性能下降（红色条右侧的数字 - 以毫秒为单位绘制帧的时间）

我认为这是我的错误，因为在流行的手册中（1.）在示例中更快。(http://www.html5rocks.com/en/tutorials/canvas/performance/)

Answer 1

jsfiddle.net/Kky6J/21/

解决方案 - 在使用 ctx.rect(10, 10, 5, 20) 之前使用 ctx.beginPath()