在画布中居中对象

时间:2017-07-17 13:10:23

标签: javascript canvas fabricjs

以下是我使用Fabric JS在画布剪辑中排列圆圈的方法。

   $(".arrangeHorizntal").click(function(){
    if(checkSelection()){           
        selectedObj.top = clipRectangle.top+clipRectangle.height/2;    
        selectedObj.setCoords();
        canvas.renderAll();
    }

})

然而,当我缩放画布时,它实际上不是中心,而是离开中心。所以我的猜测是因为缩放。

如何处理?试过centerObject函数,但这是用于画布中心而不是矩形。有线索吗?

enter image description here

1 个答案:

答案 0 :(得分:0)

中心:

selectedObj.center();

水平居中:

selectedObj.centerH();

垂直居中:

selectedObj.centerV();