javascript - 将 ID 添加到 Fabric.js 元素

Question

我正在使用 Fabric.js 库在 Canvas 中创建一个“类似 map ”的应用程序。我基本上放下了一张图片，然后用正确的坐标将圆圈放在图片的顶部。点位置和名称作为从 ajax 调用接收到的 JSON 数据出现。我需要一种方法来引用任何单个圈子，以便我可以获取有关该圈子的更多信息(每个圈子都有一个包含更详细信息的弹出窗口)。

我在解释如何执行此操作的文档中找不到任何地方，我试过向这样的对象添加一个 ID:

tokens.add(new fabric.Circle({ radius: 25, fill: '#f55', top: 100, left: 70, id: "foo"}));

没有找到它。任何帮助将不胜感激。另外，这是我第一次与这个社区互动，所以如果我的问题不够详细，或者还有其他问题，我深表歉意。

Answer 1

您可以使用 fabric.object.prototype 添加属性。所以，添加:

fabric.Object.prototype.uid = ... ;