Проблема масштабирования центра с ползунком на холсте с использованием fabri c. js

Question

Я использую fabri c. 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