调整fabricjs Rects的宽度/高度属性

Question

我正在使用fabric.js来定义可以调整大小的矩形区域.我想知道是否有任何方法来设置结构,以便通过更改宽度/高度属性而不是scaleX和scaleY来调整元素的大小？

Answer 1

您可以使用该object:scaling活动.

canvas.on("object:scaling", function(e) {
    var target = e.target;
    if (!target || target.type !== 'rect') {
        return;
    }
    var sX = target.scaleX;
    var sY = target.scaleY;
    target.width *= sX;
    target.height *= sY;
    target.scaleX = 1;
    target.scaleY = 1;
});