2012-07-11 124 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 = ... ;