中間尺からの尺度矩形オブジェクト

Question

私はfabricjsキャンバスに矩形オブジェクトを持っています。今、私が矩形を拡大しようとすると、固定された隅から常に拡大され、マウスがある方向にのみ拡大されます。私が望んでいるのは、スケールを中央から拡大し、どちらかを拡大するときです。 originXとoriginを設定しようとしましたが、うまくいきませんでした。誰かが私にこれを助けることができますか？ありがとう！

あなたは、中心にその規模の起源を作るために長方形オブジェクトの trueに centeredScalingプロパティを設定する必要が

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

Answer 1

...

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>