識別織物中的每個繪製路徑JS

例如後，我畫的對象我想要的對象有分寸名稱=「我的圖紙1」，所以我可以很容易地通過

canvas.getObjectByName('My Drawing Name');

getObjectByName功能是指它以後

fabric.Canvas.prototype.getItemByName = function(name) { 
    var object = null, objects = this.getObjects(); 

    for (var i = 0, len = this.size(); i < len; i++) { 
     if (objects[i].name && objects[i].name === name) { 
      object = objects[i]; 
      break; 
     } 
    } 

    return object; 
};

該激活繪圖功能的代碼：

  canvas.isDrawingMode = true; 

     var img = $("#patternImg")[0]; 

     var texturePatternBrush = new fabric.PatternBrush(canvas); 
     texturePatternBrush.source = img; 
     texturePatternBrush.selectable = true; 
     texturePatternBrush.name = img.getAttribute("data-name"); 

     canvas.freeDrawingBrush = texturePatternBrush; 
     canvas.freeDrawingBrush.width = img.getAttribute("data-height");

使用代碼以上我可以檢查我

fabric.Canvas.prototype.getDrawByName = function(name) { 
    var object = null, objects = this.getObjects(); 

    for (var i = 0, len = this.size(); i < len; i++) { 
     if (objects[i].canvas.freeDrawingBrush.name && objects[i].canvas.freeDrawingBrush.name === name) { 
      object = objects[i]; 
      break; 
     } 
    } 

    return object; 
};

的問題是每一個我畫的是另外一個名字canvas.FreeDrawingBrush.name將是對我的畫布的每個對象相同的對象時：如果存在圖紙F能夠驗證。

我對FabricJS並不是很熟悉，我甚至不知道我想要做什麼甚至是可能的。至少我讓自己清楚了自己想做什麼？

來源

2014-10-11 Adrian George