从中间缩放矩形对象fabricjs

Question

我在fabricjs画布上有一个矩形对象。现在，当我尝试缩放矩形时，它总是从固定角度缩放，并且只扩展到鼠标所在的方向。我想要的是，当我缩放它应该从中心扩展和扩大任何一方。我试着设置originX和originY，但那不起作用。谁可以帮我这个事？谢谢！

var rect = new fabric.Rect({ 
top: 150, 
left: 150, 
width: 100, 
height: 100, 
fill: 'black', 
originX: 'center', 
originY: 'center', 
}); 

Answer 1

您需要centeredScaling属性设置为true为矩形对象作出规模原产地中心......

var canvas = new fabric.Canvas('c'); 
 
var rect = new fabric.Rect({ 
 
    top: 100, 
 
    left: 100, 
 
    width: 50, 
 
    height: 50, 
 
    fill: 'black', 
 
    originX: 'center', 
 
    originY: 'center', 
 
    centeredScaling: true 
 
}); 
 

 
canvas.add(rect).renderAll();

canvas{border: 1px solid #ccc}

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.11/fabric.min.js"></script> 
 
<canvas id="c" width="200" height="200"></canvas>