使用Fabric.js以编程方式创建和选择组

光滑

假设我有一个包含6个对象的画布和一个位于画布外部的按钮。

当我单击此按钮时,其中三个对象将成为一个组并被选中,这些对象将保持其相对于画布的位置。

那可能吗?

我尝试了很多事情,但可以设法解决。我正在寻找的解决方案如下所示。

var objectList=[1,2,3];    
var newgroup = new fabric.Group();

$.each(objectList, function (i) {
    var obj = canvas.item(i);
    newgroup.add(obj.clone());
    canvas.remove(obj);
});

canvas.add(newgroup)
canvas.setActiveGroup(newgroup);
canvas.renderAll();
肯兹

您可以使用类似这样的方法:

(function() {
  var objectList = [1,2,3],
      group = new fabric.Group();

  canvas.forEachObject(function(o, i) {
    if (objectList.indexOf(i) > -1) {
      group.addWithUpdate(o);
      canvas.remove(o);
    }
  });
  canvas.setActiveObject(group);
  canvas.add(group);
})();

仅将索引1、2或3的对象添加到组中。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Swift for iOS以编程方式创建和存储PDF文档

来自分类Dev

如何以编程方式创建和使用UIcollectionView?

来自分类Dev

Swift 3 尝试以编程方式创建和使用 UINavigationController

来自分类Dev

如何使用Fabric JS以编程方式自由绘制?

来自分类Dev

Fabric.js-重建和商业使用

来自分类Dev

如何以编程方式选择Fabric.js对象

来自分类Dev

如何以编程方式选择Fabric.js对象

来自分类Dev

如何以编程方式使用Java客户端创建和发布索引

来自分类Dev

有什么方法可以以编程方式创建和使用展开序列吗?

来自分类Dev

我应该使用什么角色以编程方式在 Cloudant/BigCouch/CouchDB 中创建和删除数据库?

来自分类Dev

如何使用ACL权限以编程方式在aem6.2中创建用户和组?

来自分类Dev

如何使用ACL权限以编程方式在aem6.2中创建用户和组?

来自分类Dev

使用mouse:Fabric JS:覆盖动画对象

来自分类Dev

使用fabric.js的全屏画布模式

来自分类Dev

使用Fabric JS定义标记的行

来自分类Dev

如何使用fabric.js测量折线?

来自分类Dev

使用Fabric.js选择画布上的所有对象

来自分类Dev

如何使用Fabric.js创建多个形状?

来自分类Dev

如何使用Fabric JS创建类似结构的HTML表格?

来自分类Dev

Fabric Js:如何以编程方式创建矩形,只有左上角和右下角的 2 个点?

来自分类Dev

以编程方式设置Spinner(使用SpinnerAdapter)的选择。

来自分类Dev

以编程方式选择/使用ItemTemplate或AlternatingItemTemplate

来自分类Dev

初始加载后使用Fabric.js修改fabric.Image.fromURL

来自分类Dev

创建和使用 ODP.NET 连接的最佳方式

来自分类常见问题

如何使用Swift以编程方式创建UILabel?

来自分类Dev

以编程方式使用NSTextView创建窗口

来自分类Dev

如何使用内容以编程方式创建UIImage

来自分类Dev

使用VBA以编程方式创建PowerPoint布局?

来自分类Dev

使用purrr以编程方式创建新变量?

Related 相关文章

  1. 1

    使用Swift for iOS以编程方式创建和存储PDF文档

  2. 2

    如何以编程方式创建和使用UIcollectionView?

  3. 3

    Swift 3 尝试以编程方式创建和使用 UINavigationController

  4. 4

    如何使用Fabric JS以编程方式自由绘制?

  5. 5

    Fabric.js-重建和商业使用

  6. 6

    如何以编程方式选择Fabric.js对象

  7. 7

    如何以编程方式选择Fabric.js对象

  8. 8

    如何以编程方式使用Java客户端创建和发布索引

  9. 9

    有什么方法可以以编程方式创建和使用展开序列吗?

  10. 10

    我应该使用什么角色以编程方式在 Cloudant/BigCouch/CouchDB 中创建和删除数据库?

  11. 11

    如何使用ACL权限以编程方式在aem6.2中创建用户和组?

  12. 12

    如何使用ACL权限以编程方式在aem6.2中创建用户和组?

  13. 13

    使用mouse:Fabric JS:覆盖动画对象

  14. 14

    使用fabric.js的全屏画布模式

  15. 15

    使用Fabric JS定义标记的行

  16. 16

    如何使用fabric.js测量折线?

  17. 17

    使用Fabric.js选择画布上的所有对象

  18. 18

    如何使用Fabric.js创建多个形状?

  19. 19

    如何使用Fabric JS创建类似结构的HTML表格?

  20. 20

    Fabric Js:如何以编程方式创建矩形,只有左上角和右下角的 2 个点?

  21. 21

    以编程方式设置Spinner(使用SpinnerAdapter)的选择。

  22. 22

    以编程方式选择/使用ItemTemplate或AlternatingItemTemplate

  23. 23

    初始加载后使用Fabric.js修改fabric.Image.fromURL

  24. 24

    创建和使用 ODP.NET 连接的最佳方式

  25. 25

    如何使用Swift以编程方式创建UILabel?

  26. 26

    以编程方式使用NSTextView创建窗口

  27. 27

    如何使用内容以编程方式创建UIImage

  28. 28

    使用VBA以编程方式创建PowerPoint布局?

  29. 29

    使用purrr以编程方式创建新变量?

热门标签

归档