Question

我有一个KONVA组，里面有三个对象。我想显示/隐藏该组的一个对象。

const stage = new Konva.Stage({
  container: 'container',
  width: window.innerWidth,
  height: window.innerHeight
});

const layer = new Konva.Layer();
stage.add(layer);

const group = new Konva.Group();
layer.add(group);

const circle1 = new Konva.Circle({
  x: stage.width() / 2,
  y: stage.height() / 2,
  radius: 50,
  fill: 'green',
  visible: true
});

const circle2 = new Konva.Circle({
  x: stage.width() / 2,
  y: stage.height() / 2,
  radius: 30,
  fill: 'red',
  visible: true
});

const circle3 = new Konva.Circle({
  x: stage.width() / 2,
  y: stage.height() / 2,
  radius: 10,
  fill: 'blue',
  visible: true
});

group.add(circle1);
group.add(circle2);
group.add(circle3);

layer.draw();

//group.hide(); // if I use this it will hide entire group but i want to hide only one object
layer.draw();

我想显示/隐藏Konva组中的circle2。任何人都可以帮帮我吗？

Answer 1

只需调用circle2的hide方法。

circle2.hide();

此圈子2已添加到您的论坛中。因此，如果您对circle2进行任何更改，它将反映在组中。

如何隐藏KONVA组中的一个元素

1 个答案: