FabricJS, Gruba Görüntü ekleyerek tek kontrol davranışına neden oluyor

Question

Yüklenen bir resmi kumaş Grubu nesnesine eklemeye çalışıyorum. Her şey iyi görünüyor, ancak seçim kontrolleri seçilemez ve nesneyi sürükleyemiyorum. Sol üst kontrol çalışıyor olsa bile, her şey iyi.

İşte bu davranışı gösteren bir jsfiddle.

var canvas = new fabric.Canvas('canvas', { 
    width: 200, 
    height: 200 
}); 
var group = new fabric.Group(); 
canvas.add(group); 
fabric.Image.fromURL('https://placehold.it/100x100', function(img) { 
    group.addWithUpdate(img); 
    canvas.setActiveObject(group); 
    canvas.renderAll(); 
}); 

Bu bir hata mı, yoksa yanlış bir şey mi yapıyorum?

Answer 1

Bazı performans nedenleriyle, bir gruba nesne ekledikten sonra, fabricjs otomatik olarak setCoords'ı çağırmaz (birçok nesne eklendiğinde setCoords'ı yalnızca bir kez arayabilirsiniz).

AddWithUpdate'i yaptıktan sonra group.setCoords();

var canvas = new fabric.Canvas('canvas', { 
    width: 200, 
    height: 200 
}); 
var group = new fabric.Group(); 
canvas.add(group); 
fabric.Image.fromURL('https://placehold.it/100x100', function(img) { 
    group.addWithUpdate(img); 
    group.setCoords(); 
    canvas.setActiveObject(group); 
    canvas.renderAll(); 
});