ActiveObjectにオブジェクトを追加するには？

Question

Sample Image

任意のオブジェクトに小さな矩形（外部ファイル用のボタンとして機能する）を追加し、キャンバス上で一緒に動くグループを作成したいと考えています。必要がない場合、後でボタンを削除することができます。

誰でもこれを達成するための良い方法を提案できますか？

私はカスタムコンテキストメニューを追加してイメージにボタンを追加することができましたが、アクティブなオブジェクトとボタンをtogehterにグループ化することはできません。

Answer 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);