我最近将scriptaculous 滑块与一些类似的图层集成在一起,以实现图层之间的“补间”效果。
拖动滑块时,图层的不透明度会改变。任何时候都不会有超过 2 层可见,并且在相交点处,只有一层可见。
两个(或一个)可见层的总不透明度始终为 0.63,因此将为这些层分配其各自不透明度级别的一部分,即在某一点,layerA=0.1 和 layerB=0.53。
这些层都是纯色的,在许多情况下,相同的颜色覆盖所有层的相同区域。
就数学而言,我的实现是完美的。
问题是,虽然 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 还是渲染器问题,是否有替代方法?