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

Question

我在画布上使用了 fabric.js。

我使用滑块对图片进行缩放。

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

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

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

我也试过在画布中传递当前图像的x和y。

Answer 1

我认为你需要为你的图像使用这些选项，而非 .center():

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

我在这里给大家准备了一个我上面的建议的例子。