在KineticJS中检查图层的可见性

Question

我试图弄清楚如何检查KineticJS中的图层是否可见。 我需要这样做，以便在用户单击按钮时适当地切换任何给定层的可见性。 如果可见，我想在他们单击按钮时将其隐藏。 如果看不到，那么我想显示它。 有什么想法吗？ 我看到有一个isVisible函数，但是当我尝试在图层上使用它时，什么也没有发生。 下面的代码没有错误，但是它没有做任何事情。 这是用Angular的KineticJS编写的。 在我的测试中，我发现此事件被适当地触发了，不是那样。 我还发现draw函数可以正确触发。

scope.$on('layertoggle', function(event){
 var layerShapes = scope.kineticStageObj.get('#layer1');
 if(!layerShapes.isVisible()){
    layerShapes.hide();
 }
 else{
    layerShapes.show();
 }
 scope.kineticStageObj.draw();
});

Answer 1

尝试这个：

var layerShapes = scope.kineticStageObj.get('#layer1')[0];

get返回符合该条件的形状的集合。 尽管id是唯一的，但是您仍然必须访问数组的第一个位置才能访问所需的形状。