javascript - 获得对象的缩放宽度：缩放

Question

我想在缩放对象时获得真实的对象宽度和高度。我试过了

canvas.on('object:scaling', function(e){
  console.log(e.target.width*e.target.scaleX);
});

但似乎不能正常工作。

标签： javascriptfabricjs

Answer 1

使用object.getScaledWidth()。

演示

var canvas = new fabric.Canvas("c");
var circle = new fabric.Circle({radius:100})
canvas.add(circle);
circle.on('scaling',function(){
 console.log(parseInt(this.getScaledWidth()))
})

canvas{
  border: 1px dotted green;
}

<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="c" width=400 height=400></canvas>