私は最近、scriptaculous スライダーをいくつかの同様のレイヤーと統合して、レイヤー間の「トゥイーン」効果を実現しました。
スライダーをドラッグすると、レイヤーの不透明度が変更されます。一度に 2 つ以上のレイヤーが表示されることはなく、交差点では 1 つのレイヤーのみが表示されます。
2 つ (または 1 つ) の可視レイヤーの合計不透明度は常に 0.63 であるため、レイヤーには個々の不透明度レベルの一部が割り当てられます。
レイヤーはすべて単色で、多くの場合、すべてのレイヤーで同じ領域が同じ色で覆われています。
数学に関する限り、私の実装は完璧です。
問題は、2 つのレイヤーの合計不透明度が 0.63 のままである一方で、組み合わせの視覚的な透明度が変動することです。2 つのレイヤーの間の中間点に到達すると、結合された視覚的な透明度が増加します。
これにより、スライダーがドラッグされている間、ちらつき効果が得られます。
基本的に、a
とb
の両方がベースレイヤーの上にある赤一色の可視レイヤーである場合、私の観察では次のようになります。
a.opacity=0.31 + b.opacity=0.32 < a.opacity=0.01 + b.opacity=0.62
これをchromeとfirefoxでテストしましたが、結果は同じでした。
これは openlayers、javascript、またはレンダラーの問題ですか?代替のアプローチはありますか?