Javascript 使用缓存时如何应用不透明度?

Javascript 使用缓存时如何应用不透明度?,javascript,filter,kineticjs,opacity,Javascript,Filter,Kineticjs,Opacity,我正在用kineticjs 5.1.0开发一些应用程序,只是从kineticjs开始 此应用程序可以更改图像的src属性,因此onLoad方法的调用次数未知 它还有滑块来控制旋转、缩放、不透明度和一些由jquery控制的过滤器的强度 但是,我无法同时应用不透明度和过滤 此时,在加载时(onLoad),我重置了所有变换值(旋转、缩放、偏移、过滤器和不透明度) 在滑块滑动事件中,我简单地设置值,如下所示 $("#opacidadIzquierda").on("slid

我正在用kineticjs 5.1.0开发一些应用程序,只是从kineticjs开始

此应用程序可以更改图像的src属性,因此onLoad方法的调用次数未知

它还有滑块来控制旋转、缩放、不透明度和一些由jquery控制的过滤器的强度

但是,我无法同时应用不透明度和过滤

此时,在加载时(onLoad),我重置了所有变换值(旋转、缩放、偏移、过滤器和不透明度)

在滑块滑动事件中,我简单地设置值,如下所示

                $("#opacidadIzquierda").on("slide", function(event, ui){
                imagenIzquierda.opacity(ui.value/100);
                stage.draw();
            });
我的观察结果是,如果有缓存,不透明度没有影响,但如果没有缓存,我无法应用过滤器。 我该怎么做呢

编辑:

我在谷歌上搜索了很多次,仔细看看发布时间表,我发现“不透明度不会影响缓存的形状”

我正在做的是清除缓存、保存/重置偏移、旋转和缩放、应用不透明度、缓存和重新应用旧的偏移、旋转和缩放以及过滤器。
结果是,现在更改不透明度的速度很慢,因为这些计算是在滑块移动以获得“实时视图”时进行的。

缓存会使对象变得非常僵硬。我必须经历和你一样的把戏,这很有效,但这不是很好。。。然而,我认为目前没有更明智的解决方案。
                $("#opacidadIzquierda").on("slide", function(event, ui){
                imagenIzquierda.opacity(ui.value/100);
                stage.draw();
            });