Я пытаюсь реализовать функцию масштабирования изображения, нарисованного на холсте, используя fabricJs.У меня работает часть масштабирования, я также хочу дать возможность сбросить масштаб.Когда я сбрасываю зум (как я сбрасываю зум, объясняется ниже), изображение отсутствует в центре холста (немного сдвигается влево).Можно ли как-нибудь выровнять изображение по центру холста?
Я устал использовать centreObject (object) , но это не помогает.
Я устал от следующих вещей:
- При сбросе масштаба я очищаю холст и снова рисую изображение
- Использование setZoom () && zoomToPoint () методы canvas
- Настройка масштабирования изображения при прокрутке мыши
Для увеличения / уменьшения изображения:
this.canvas.zoomToPoint({ x: this.zoomPointer['x'], y: this.zoomPointer['y'] }, this.imageZoomValue);
Чтобы сбросить зум:
this.canvas.zoomToPoint(new fabric.Point(this.canvas.width / 2, this.canvas.height / 2),this.imageZoomValue);
or
this.canvas.setZoom(1);
Дайте мне знать, если потребуется дополнительная информация.Заранее спасибо.