gpt4 book ai didi

javascript - 修改错误后获取Fabric.js对象的高宽

转载 作者:行者123 更新时间:2023-11-30 14:19:34 25 4
gpt4 key购买 nike

这是我的代码。

<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 显示正确,但高度和宽度显示错误。

请帮帮我。

最佳答案

使用getScaledWidth()getScaledHeight()分别获取对象的变换宽度和高度。

关于javascript - 修改错误后获取Fabric.js对象的高宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52985469/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com