使用fabric.js在画布中使用滑块居中缩放问题

Question

我的画布使用fabric.js。

在这里，我使用滑块缩放我的图像。

但是当我使用下面的代码时，它得到了正确的缩放，但当我改变图像的位置时，我再次尝试使图像居中，然后按比例缩放。

image.scale(sizePercent).center().setCoords();

我尝试了很多，但没有得到正确的解决方案，我需要，当我缩放图像时，它应该按比例显示。

我还试图通过画布中图像的当前x和y

Answer 1

我认为您需要为图像使用这些选项，而不是.center():

{
originX: 'center',
originY: 'center'
}

我在这里为你准备了一个我上面建议的例子

https://codesandbox.io/s/inspiring-morse-yfn7q?file=/src/index.js