在启动时的所有区域都无法选择画布

Question

见 http://liveweave.com/CQJDKc

当您单击图像的后部时，即带有女孩和男孩的图像，您将无法拖动或选择画布组，但是当您单击太阳部分时，画布是可选择的并且可以拖动。

但是一旦你选择了画布元素并拖动它，整个画布就变成了可选择的，为什么这么严重的问题无法弄清楚??..

fabric.Image.fromURL('http://www.gettyimages.com/CMS/Pages/ImageCollection/StaticContent/image1_%20164248809.jpg', function (img) {
        var img1 = img.set({
            left: 0,
            top: 0
        });
        fabric.Image.fromURL('http://upload.wikimedia.org/wikipedia/commons/c/c3/Aurora_as_seen_by_IMAGE.PNG', function (img) {
            var img2 = img.set({
                left: 0,
                top: 0
            });
            group = new fabric.Group([img1, img2], {
                left: 0,
                top: 0,
                originX: 'center',
                originY: 'center'
            });
            canvas.add(group);
            group.center();
            //group.hasRotatingPoint=true;
            //group.lockMovementX = group.lockMovementY = true;
            group.lockUniScaling = true;
            group.hasBorders = group.hasControls= false;
            //group.selectable = false;
            canvas.renderAll();
        });
    });

Answer 1

我不确定这是否确实导致了您的问题，但我认为您的问题只是因为您将组定位到中心，并且画布不能很好地呈现它。

将组定位到中心后从画布中删除，然后再次将组添加到画布可以解决您的问题。 这是演示http://liveweave.com/lcCAFH

 canvas.add(group);
                group.center();
              canvas.remove(group);
              canvas.add(group);

希望对你有帮助