每个渲染帧的画布2d变慢

Question

看一下例子：

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

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

1. ctx.clearRect（0,0，width，height）;
2. chart.width = chart.width;

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

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

Answer 1

jsfiddle.net/Kky6J/21 /

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