4

アニメーション化されたキャンバス コントロールのサイズ変更中にちらつきが見られます。

このページで動作を確認できます。「幅」スライダーを左右にドラッグして試してみてください。Linux で実行されている Chrome 26.0.1410.43 でこのちらつきが見られます。現在、このページは HTML5 をサポートするまで Firefox では動作しません<input type="range">

この jsFiddleで小規模な問題を再現しようとしました。それほど目立ちませんが、キャンバスが使用可能な幅の幅の約 90% のときに発生します。

コードは をトラップrequestAnimationFrameし、サイズ変更はキャンバスをワイプします。ブラウザーのフレームが描画される前に、レンダリング コールバックが呼び出されることを願っています。サイズ変更中に白い背景が時々透けて見えるため、これは当てはまらないようです。

これを回避するためにできることはありますか?

4

2 に答える 2

0

ダブルバッファを使用してみてください。これは、あなたが試すことができるいくつかのテクニックに関する素晴らしい記事です:

http://www.html5rocks.com/en/tutorials/canvas/performance/

于 2013-04-03T23:03:03.850 に答える