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