如何在fabric.js中设置当前活动对象的缩放

如何解决如何在fabric.js中设置当前活动对象的缩放

我想将对象设置为当前活动状态，但是我使用 canvas.setZoom(canvas.getZoom() + 1)。缩放所有画布。怎么设置呢？我是Fabric JS的新手。例如：现在，活动对象是T恤上的第一个图像。当我单击zoomIn按钮时，我想对其进行缩放。如果可能想知道的话，缩放后在该对象上拖动鼠标时如何平移该对象。非常感谢。 （我用作背景图片的T恤）

用我的一些代码

<template>
    <canvas
        ref="can"
        id="canvas"
        width="500"
        height="500"
        crossOrigin="anonymous"
    ></canvas>
    <a-button
        class="image-zoom-in"
        @click="zoomCustomizeImage(image)"
    ><a-icon type="plus"
    /></a-button>
</template>
<script>
    export default {
        mounted() {
            canvas.setBackgroundImage("https://cdn1.vectorstock.com/i/1000x1000/26/10/white-empty-t-shirt-vector-17792610.jpg",canvas.renderAll.bind(canvas))
        },method: {
            zoomCustomizeImage(object,action) {
                canvas.discardActiveObject()
                if (
                    canvas.getObjects() === null ||
                    canvas.getActiveObjects().length === 0
                ) {
                canvas.getObjects().forEach(function (o) {
                    if (o.top === object.top && o.left === object.left) {
                        canvas.setActiveObject(o)
                        canvas.renderAll()
                        return
                     }
                 })
                 const objectActive = canvas.getActiveObject()
                 canvas.setZoom(canvas.getZoom() + 1)
                 canvas.renderAll()
             }
           }
        }
    }
</script>