2017-01-27 9 views
1

要素をグループ化するときにエラーが発生しました。エラーはサークルでのみ表示されます。円は長方形です。アイテムをグループ化するには?Canvas/fabricjs:アイテムをグループ化するには?

var activegroup = canvas.getActiveGroup(); 
var objectsInGroup = activegroup.getObjects(); 
activegroup.clone(function (newgroup) { 
    canvas.discardActiveGroup(); 
    objectsInGroup.forEach(function (object) { 
     canvas.remove(object); 
    }); 
    canvas.add(newgroup); 
}); 

The full code

Video bug

答えて

0

あなたの問題、あなたはタイプが '矩形' です置く円オブジェクトを作成するときに、 '円' で置き換えます。

} else if (position.drawingType == "circle") { 
       var circle = new fabric.Circle({ 
        id: position.i++, 
        type: "circle", 
        radius: Math.abs(position.firstClickPositionX < position.lastClickPositionX ? position.firstClickPositionX - position.lastClickPositionX : position.lastClickPositionX - position.firstClickPositionX)/2, 
        fill: 'red', 
        left: position.firstClickPositionX < position.lastClickPositionX ? position.firstClickPositionX : position.lastClickPositionX, 
        top: position.firstClickPositionY < position.lastClickPositionY ? position.firstClickPositionY : position.lastClickPositionY, 
        scaleY: 1, 
        scaleX: 1 
       }); 
       canvas.add(circle); 

チェック更新fiddle

+0

はどうもありがとうございました! – VINET

関連する問題