本文介绍了修改错误后获取Fabric.js对象的高度和宽度的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这是我的代码.
<canvas id="c" width="240" height="300" style="border:1px solid #000000"></canvas>
<script>
var canvas = new fabric.Canvas('c');
canvas.backgroundColor = 'yellow';
canvas.renderAll();
fabric.Image.fromURL(<?php echo '"' . $url . '"'; ?>, function(myImg) {
var img1 = myImg.set({ left: 0, top: 0 ,width:150,height:150});
canvas.add(img1);
});
function objectMovedListener(ev) {
let target = ev.target;
console.log('left', target.left, 'top', target.top, 'width', target.width * target.scaleX, 'height', target.height * target.scaleY);
}
canvas.on('object:modified', objectMovedListener);
</script>
我不明白怎么了.目标位置TOP& LEFT显示正确，但高度&宽度推错了.
I don't understand what's going wrong. object position TOP & LEFT is showing correct but height & width is shoving wrong.
请帮助我.
推荐答案
使用 getScaledWidth( )和 getScaledHeight()来获取转换后的宽度和高度一个对象.
Use getScaledWidth() and getScaledHeight() to get transformed width and height of an object respectively.
这篇关于修改错误后获取Fabric.js对象的高度和宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！