Html 如何向KineticJS形状添加标签？

我使用KineticJs创建带有一些文本标签的形状（可随形状拖动）。这张照片上没有任何信息。我也没有找到一个非常干净的方法。这样做的好方法是什么？下面的代码仅创建形状

HTML:

---

您只需将圆圈和文本添加到组中，并使组可拖动即可。 分组后，对象将作为一个项目

var group = new Kinetic.Group({
    draggable: true
});
group.add(circle);
group.add(text);

然后将组添加到图层

 layer.add(group);

---

您只需将圆圈和文本添加到组中，并使组可拖动即可。 分组后，对象将作为一个项目

var group = new Kinetic.Group({
    draggable: true
});
group.add(circle);
group.add(text);

然后将组添加到图层

 layer.add(group);

---

这几乎是唯一的出路。至少是最干净的。如果您考虑您要做的事情：创建一个形状，然后创建一个文本，然后将它们视为一个，然后将事件附加到它们。没有一个简单的过程，所以你必须使用组。。。或者编写您自己的类，扩展动能、形状或文本，这样您就可以一次性完成形状和文本。谢谢您的示例。一个小错误是文本对象的属性是“fill”而不是“textFill”。默认填充是白色的，因此它不会显示在白色画布上。现在KineticJS有了标签插件，这几乎是唯一的方法。至少是最干净的。如果您考虑您要做的事情：创建一个形状，然后创建一个文本，然后将它们视为一个，然后将事件附加到它们。没有一个简单的过程，所以你必须使用组。。。或者编写您自己的类，扩展动能、形状或文本，这样您就可以一次性完成形状和文本。谢谢您的示例。一个小错误是文本对象的属性是“fill”而不是“textFill”。默认填充是白色的，因此它不会显示在白色画布上