Javascript 在FabricJS中,如何在不缩放图案的情况下调整对象大小?

Javascript 在FabricJS中,如何在不缩放图案的情况下调整对象大小?,javascript,fabricjs,Javascript,Fabricjs,我想知道在FabricJS中是否有一个选项可以调整对象的大小而不缩放其图案 有什么想法吗?在下面添加这个小代码。这将在缩放时为您重新缩放背景图案 canvas.observe("object:scaling", function (e) { var shape = e.target; shape.width = shape.scaleX * shape.width; shape.height = shape.scaleY * shape.height; shape

我想知道在FabricJS中是否有一个选项可以调整对象的大小而不缩放其图案


有什么想法吗?

在下面添加这个小代码。这将在缩放时为您重新缩放背景图案

canvas.observe("object:scaling", function (e) {
    var shape = e.target;
    shape.width = shape.scaleX * shape.width;
    shape.height = shape.scaleY * shape.height;
    shape.scaleX = 1;
    shape.scaleY = 1;
});

您的代码段返回错误消息,这是预期的吗?这是因为代码段中不包含fabric.js。我将尝试将其转换为“常规”代码块。@Sjoerd.Be-尝试单击左中心手柄并来回移动。你也可以看到右侧移动。另外,从左向右拖动,然后继续缓慢通过右侧。你会看到这条线因为某种原因而移动。您的实现不会导致这种奇怪的行为吗?是的。我没有设法解决这个问题,而是转而使用interact.js的实现
canvas.observe("object:scaling", function (e) {
    var shape = e.target;
    shape.width = shape.scaleX * shape.width;
    shape.height = shape.scaleY * shape.height;
    shape.scaleX = 1;
    shape.scaleY = 1;
});