通過ID通過編程面料JS選擇對象

Question

織物JS我需要在給定的對象名稱/ ID選擇對象「圓」

var onCircle = function() { 
canvas.add(new fabric.Circle({ id: 'Circle', radius: 30, fill: '#f55', top: 150, left: 150 }));} 

我也知道能能夠通過條目標識號來選擇對象：

var SelectObject = function (ObjectName) { canvas.setActiveObject(canvas.item(0)); }

我需要這樣的東西：

var SelectObject = function (ObjectName) { canvas.setActiveObject('my object name'); }

謝謝。

Answer 1

您只需編寫一個函數來循環每個對象，並在您找到它時將其設置爲活動狀態。在下面我檢查id，但你可以改變它來檢查你想設置的對象的任何屬性。

var SelectObject = function (ObjectName) { 
    canvas.getObjects().forEach(function(o) { 
     if(o.id === ObjectName) { 
      canvas.setActiveObject(o); 
     } 
    }) 
}