ページの読み込み時に完了したい大きな JS 計算があります。まともなコンピューターでは、計算に約 5 ~ 10 秒かかります。これは、ブラウザがその時間フリーズするため、長すぎます。
計算は、計算に約 8 ミリ秒かかるチャンクに簡単に分割できます。各チャンクをキャンバス要素に追加してレンダリングしたいと思います。requestAnimationFrame を使用してこれらのチャンクを配布するのは賢明でしょうか? おそらくより良い代替手段はありますか(そしてその理由は)?
背景情報: html2canvas を使用してページを画像にレンダリングしてから、Superfast Blur ( http://www.quasimondo.com/BoxBlurForCanvas/FastBlurDemo.html ) を使用して画像をぼかしています。これは、iOS7 のすりガラス効果を再現するためです。詳細については、http://abduzeedo.com/ios7-frosted-glass-effect-html-5-and-javascript を参照してください。ページのサイズによっては、かなりの時間がかかります。