uniScaleTransform属性不起作用?

时间:2016-10-20 09:09:12

标签: javascript canvas html5-canvas fabricjs

我不希望在角点进行均匀缩放,所以我在启动时将uniScaleTransform属性添加到true,但是它无法正常工作,仍然是统一缩放。我使用的是fabric js版本1.6.3,下面是代码,

<!-- fabric js code-->

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

1 个答案:

答案 0 :(得分: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>