canvas - Canvas 2d は、レンダリングされたフレームごとに遅くなります

Question

例を見てください：

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

唯一の違いは、window.render 関数でキャンバスをクリアする方法です。

1. ctx.clearRect(0, 0, 幅, 高さ);
2. chart.width = chart.width;

Google Chrome「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() を使用してください