如何将对象添加到 ActiveObject？

【问题标题】：How to add an object to ActiveObject?如何将对象添加到 ActiveObject？
【发布时间】：2017-05-03 22:17:31
【问题描述】：

Sample Image

我想向任何对象添加一个小矩形（充当外部文件的按钮）并创建一个可以在画布上一起移动的组。如果不需要，用户可以稍后删除该按钮。

谁能提出一个实现这一目标的好方法？

我已设法添加自定义上下文菜单并向图像添加按钮，但我无法将活动对象和按钮组合在一起。

【问题讨论】：

标签： fabricjs

【解决方案1】：

https://jsfiddle.net/fbgu7697/2/

function newRect(index) {
    return new fabric.Rect({
    width: 100,
    height: 100,
    top: index * 30,
    left: index * 30,
    fill: '#' + (0x1000000 + (Math.random()) * 0xffffff).toString(16).substr(1, 6),
  });
}

var canvas = new fabric.Canvas('canvas');

var rect0 = newRect(0);
canvas.add(rect0);

var rect1 = newRect(1);
canvas.add(rect1);

var rect2 = newRect(2);
canvas.add(rect2);

var group = new fabric.Group([rect0, rect1]);

canvas.setActiveGroup(group).renderAll();

setTimeout(function() {
  canvas.discardActiveGroup().renderAll();
}, 5000);

【讨论】：