在KnovaJs中，如何允许Rect使用文本扩展，或者允许文本使用文本扩展边框，就像Html中的Div一样

Question

我很难看到一个易于应用的解决方案，这样，Rect就可以是Text的容器，就像Html中的作为容器一样，所以如果div有一个边框，它将随着文本数量的增加而扩展。

我既不能通过Rect在Group中使用Text，也不能在Text上应用Label……

这是可行的吗？如果不是，我有什么办法可以让Rect智能地检测同一Group中的文本大小，以便它相应地扩展？

我通过使用konva-react来使用Konva

Answer 1

对于这种用例，Konva.Label非常有用。

      <Label>
        <Tag fill="red" />
        <Text text="hello" />
      </Label>

演示：https://codesandbox.io/s/84mzo6l5k0

如果要使用Konva.Rect + Konva.Text，则必须手动计算文本的大小，然后将其应用于rectangle实例。