アニメーション化されたキャンバス コントロールのサイズ変更中にちらつきが見られます。
このページで動作を確認できます。「幅」スライダーを左右にドラッグして試してみてください。Linux で実行されている Chrome 26.0.1410.43 でこのちらつきが見られます。現在、このページは HTML5 をサポートするまで Firefox では動作しません<input type="range">
。
この jsFiddleで小規模な問題を再現しようとしました。それほど目立ちませんが、キャンバスが使用可能な幅の幅の約 90% のときに発生します。
コードは をトラップrequestAnimationFrame
し、サイズ変更はキャンバスをワイプします。ブラウザーのフレームが描画される前に、レンダリング コールバックが呼び出されることを願っています。サイズ変更中に白い背景が時々透けて見えるため、これは当てはまらないようです。
これを回避するためにできることはありますか?