javascript - 在KnovaJs中，如何允许Rect扩展为文本或允许文本具有以文本扩展的边框，例如其在HTML中的Div

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

我无法通过Rect在Text中使用Group或在Label上方应用Text来完成此操作...

那甚至可行吗？如果没有，我可以以何种方式让Rect聪明地检测同一Group中Text的大小，以便它相应地扩展呢？

我通过使用konva-react使用Konva

最佳答案

Konva.Label对于该用例非常有用。

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

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

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