canvas - Fabric.js : Get objects by name

Question

是否可以通过名称获取Fabric.js对象？我可以添加子类，这将允许我向对象添加自定义名称属性。但是之后，我可以通过名称而不是索引来调用对象吗？例如

通过索引canvas.getItem(0);调用

我想要类似canvas.getItemByName(itemName);的东西

Answer 1

您可以使用以下代码在应用程序级别执行此操作:

/**
 * Item name is non-unique
 */
fabric.Canvas.prototype.getItemsByName = function(name) {
  var objectList = [],
      objects = this.getObjects();

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

  return objectList;
};

如果对象名称是唯一的，则可以执行以下操作:

/**
 * Item name is unique
 */
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.getItemByName('name1');或 canvas.getItemsByName('name1');。