Javascript Fabric JS父子对象
我正在尝试将fabric JS用于座位表应用程序。我有楼层平面和每个用户的单独对象。我可以独立地移动它们。我希望用户成为楼层平面的父对象,这样当我移动楼层平面对象时,所有用户都将随之移动。有没有办法用织物做到这一点?找到了一种方法;尽管我仍然想知道fabric框架是否有一种方法可以自动处理这个问题,而不是自己为所有父子关系创建它Javascript Fabric JS父子对象,javascript,html,canvas,fabricjs,Javascript,Html,Canvas,Fabricjs,我正在尝试将fabric JS用于座位表应用程序。我有楼层平面和每个用户的单独对象。我可以独立地移动它们。我希望用户成为楼层平面的父对象,这样当我移动楼层平面对象时,所有用户都将随之移动。有没有办法用织物做到这一点?找到了一种方法;尽管我仍然想知道fabric框架是否有一种方法可以自动处理这个问题,而不是自己为所有父子关系创建它 // Create canvas canvas = new fabric.Canvas('c'); img = document.getElementById("cur
// Create canvas
canvas = new fabric.Canvas('c');
img = document.getElementById("cur_image");
// Create parent object
background = new fabric.Image(img, {
left: 0,
top: 0,
angle: 0,
opacity: 1.0
});
canvas.add(background);
// Connect move handler that will move the children
background.on('moving', backgroundMoveHandler);
children = [];
function addItem() {
var rect = new fabric.Rect({
left: 100,
top: 100,
fill: 'red',
width: 50,
height: 50
});
canvas.add(rect);
children.push(rect);
}
// Add some children
addItem();
addItem();
// Whenever the parent is moved, move the children as well.
function backgroundMoveHandler(options) {
var x = options.e.movementX;
var y = options.e.movementY;
$.each(children, function(i, obj) {
obj.set('left', obj.left + x);
obj.set('top', obj.top + y);
obj.setCoords();
});
}
我似乎无法获取
移动
事件的移动X/Y
属性。未定义。为什么?我正在做rect.on(“移动”…)