2016-10-20 13 views

答えて

3

以下の作業例を追加しました。これは正常に動作するようです。異なる結果が表示された場合は、問題を示す作業コードのスニペットを投稿してください。

var canvas = new fabric.Canvas('c', { uniScaleTransform : true, preserveObjectStacking:true }); 
 

 
canvas.add(new fabric.Rect({ 
 
    left: 100, 
 
    top: 100, 
 
    width: 50, 
 
    height: 50, 
 
    fill: '#faa', 
 
    originX: 'left', 
 
    originY: 'top', 
 
    centeredRotation: true 
 
})); 
 

 
canvas.add(new fabric.Circle({ 
 
    left: 300, 
 
    top: 300, 
 
    radius: 50, 
 
    fill: '#9f9', 
 
    originX: 'left', 
 
    originY: 'top', 
 
    centeredRotation: true 
 
}));
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.3/fabric.min.js"></script> 
 
<canvas id="c" width="600" height="600"></canvas>

+0

私は私が均一と不均一なスケーリングの間で明確ではないと思います。彼らの違いは何ですか?私が必要とするのは、対応するエッジの代わりに任意の1つのコーナーをドラッグすると、そのコーナーだけが自由な描画のような不規則なポリゴンを取得するために移動する必要があるということです。 –

+0

'uniScaleTransform'は4つのコーナーハンドルにのみ適用されます。 「真」とは、形状を大きくしたり小さくしたり、歪ませたりすることができないので、正方形は四角形のままです。 'false'は、それを歪ませて正方形を長方形に、または円形を楕円形に変えることができることを意味します。 – StefanHayden

+0

私はあなたが逆の方法で説明したと思う、真実は我々がそれを歪めることを意味し、falseはあなたのコードでは真であり、私たちは楕円になることができないことを意味する。 –

関連する問題