Canvas 画布2d随着每个渲染帧的变化而变慢_Canvas_Render

Canvas 画布2d随着每个渲染帧的变化而变慢

canvas

Canvas 画布2d随着每个渲染帧的变化而变慢,canvas,render,Canvas,Render,请看以下示例： jsfiddle.net/Kky6J/5/ jsfiddle.net/8t3Nq/2/ 唯一的区别是在window.render函数中清除画布的方式： ctx.clearRect（0，0，宽度，高度） chart.width=chart.width 在google chrome“23.0.1271.97m”（和firefox 17.0.1）中，我在（1.）中的每一帧都得到了性能下降（红色条右侧的数字-绘制帧所花费的时间，单位为毫秒）我认为这是我的错误，因为在流行手册中，（1.）

请看以下示例：

jsfiddle.net/Kky6J/5/

jsfiddle.net/8t3Nq/2/

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

ctx.clearRect（0，0，宽度，高度）

chart.width=chart.width 在google chrome“23.0.1271.97m”（和firefox 17.0.1）中，我在（1.）中的每一帧都得到了性能下降（红色条右侧的数字-绘制帧所花费的时间，单位为毫秒）

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

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