javascript - Canvas Drawing ちらつき

Question

描画経験のある人が、次の例でドットがちらつく理由を理解するのを手伝ってくれることを願っています. 私はここで途方に暮れています。可能な提案をありがとう。

http://codepen.io/mikefowler/pen/fLHAB

Answer 1

あなたnewOpacityは時々非常に小さいので9.444794391022526e-9、newOpacity として発生するような数値'rgba(r,g,b,a)'は、そこで文字列を作成しているため、おそらくこれを間違って解析します。カスタムを使用できますMath.round()が、文字列を使用しているため、簡単に実行できます

newOpacity = newOpacity.toFixed(2);

または、2 の代わりに、任意の小数点以下の桁数を使用できます。小数点以下 3 桁目以降は、とにかくアルファに違いは見られません。