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

【问题标题】：center scaling issue with slider in canvas using fabric.js使用fabric.js的画布中滑块的中心缩放问题
【发布时间】：2020-08-19 17:54:45
【问题描述】：

我正在为我的画布使用 fabric.js。

在此我使用滑块缩放图像。

但是当我使用下面的代码时，它会正确缩放，但是当我更改图像的位置时，我再次尝试将图像置于中心，然后按比例缩放。

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

我尝试了很多但没有得到正确的解决方案，我需要这样，当我缩放图像时，它应该与它所在的位置成比例。

我还尝试在画布中传递图像的当前 x 和 y

【问题讨论】：

【解决方案1】：

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

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

我在这里为您准备了我上面的建议示例

【讨论】：