Как добавить объект в объект ActiveObject?

-4

Образец изображения

Я хочу добавить маленький прямоугольник (действующий как кнопка для внешнего файла) к любому объекту и создать группу, которая будет перемещаться вместе на холсте. У пользователя будет возможность удалить кнопку позже, если это не понадобится.

Может ли кто-нибудь предложить хороший способ добиться этого?

Мне удалось добавить настраиваемое контекстное меню и добавить кнопку к изображению, но я не могу сгруппировать активный объект и кнопку togehter.

спросил(а) 2021-01-25T18:11:44+03:00 4 месяца, 3 недели назад
1
Решение
124

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

ответил(а) 2021-01-25T18:11:44+03:00 4 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема