Kineticjs Image Cache在版本5.1中不起作用

Question

我最近尝试从5.0.1升级到kineticjs 5.1.0 升级后，缓存功能似乎不适用于图像。

我做了一个小提琴，使用animals on beach game tutorial来重现代码。

这里是5.1.0 animals on beach tutorial with 5.1.0

的小提琴

animal.cache();
animal.drawHitFromCache();
animal.filters([
          Kinetic.Filters.Blur,
          Kinetic.Filters.Brighten
        ]);

这里是5.0.1 animals on beach tutorial with 5.0.1

的小提琴

animal.cache();
animal.drawHitFromCache();
animal.filters([
          Kinetic.Filters.Blur,
          Kinetic.Filters.Brighten
        ]);

我需要更改以使本教程与5.1.0一起使用

Answer 1

由于跨域限制，此小提琴不起作用。 看看这个演示：http://jsbin.com/wicav/2/edit。适用于v5.1.0

image.cache();
image.drawHitFromCache();
image.filters([
          Kinetic.Filters.Blur,
          Kinetic.Filters.Brighten
]);
image.blurRadius(10);

更新（适用于v5.1.0）您必须在将图形添加到图层后应用滤镜，直到修复此类问题。