Question

我正在寻找一种方法，在一个应该具有不透明度0的形状上使用新的cache（）方法，然后在屏幕上显示。之后我没有看到任何回调参数使得不透明度为0，但是toImage（）方法有。我想使用cache（），因为它不那么冗长。有没有人知道如何正确地做到这一点？

澄清：

以下是jsfiddle和以下代码。我希望在缓存后，形状具有不透明度0，因此我可以稍后补间不透明度值。如果我在缓存后更改x或y值，则更改会显示在画布上，但由于某种原因，不透明度的更改不会。

var stage = new Kinetic.Stage({
    container: 'canv',
    height: 400,
    width: 400
});

var layer = new Kinetic.Layer();

var rect = new Kinetic.Rect({
    width: stage.width(),
    height: stage.height(),
    fill: 'black'
});

rect.cache();
rect.opacity(0); //I'm expecting it to be hidden here.

layer.add(rect);
stage.add(layer);

注意：我试图将rect放入一个不透明度为0的组中，但它仍然完全可见。

Answer 1

似乎这是KineticJS中的一个错误。我在存储库中找到了pull request来修复此问题。

KineticJS缓存一个看不见的形状

1 个答案: