2012-07-11 194 views
4

我正在使用Fabric.js库在Canvas中创建'像地图'应用程序。我基本上放下一张图像,然后用正确的坐标将图像放在图像的顶部。点位置和名称通过从ajax调用接收到的JSON数据来完成。我需要一种方法来引用任何单个圈子,以便我可以获取有关该圈子的更多信息(每个圈子都有一个包含更详细信息的弹出框)。将ID添加到Fabric.js元素

我无法解释如何做到这一点的文档中找到任何地方,我都尝试添加一个ID这样的对象:

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

没有运气取回。任何帮助将不胜感激。这也是我与这个社区的第一次互动,所以如果我的问题不够详细,或者有其他问题,我表示歉意。

+0

我在这里回答了类似的问题 - http://stackoverflow.com/questions/11272772/fabricjs-how-to-save-canvas-on-server-with-custom-attributes – kangax 2012-07-11 15:33:42

+0

我能够得到它的工作,谢谢。 – smykes 2012-07-16 15:21:43

+0

选中此项:https://github.com/kangax/fabric.js/wiki/Adding-additional-object-properties-to-serialized-JSON – ptCoder 2015-02-26 10:54:50

回答

0

您可以使用fabric.object.prototype添加一个属性。 因此,添加:

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