使用 movable-view 进行双指缩放，缩放后怎么能定位到原来的基准位置？

<movable-area :scale-area="true" :style="{ width: '100%', height: '100%', backgroundColor: 'red' }">  
        <movable-view  
            direction="all"  
            :inertia="false"  
            :scale="true"  
            :scale-value="scale"  
            :scale-min="0.5"  
            :scale-max="2"  
            :animation="true"  
            :style="{ width: '3000px', height: '3000px', backgroundColor: 'red' }"  
            @scale="scaleChange"  
            @change="change"  
            :x="viewX"  
            :y="viewY">  
            <view style="width: 1000%; height: 1000%; background-color: bisque">  
                <view style="width: 100rpx; height: 100rpx; position: fixed; top: 200px; left: 200px; background-color: red"></view>  

            </view>  
        </movable-view>  
    </movable-area>  

==========================js==============================  
scaleChange(e) {  
          let oldScale = (e.detail.scale - this.scale) * -1;  
          this.scale = e.detail.scale;  
          this.$nextTick(function () {  
                    this.viewX =  this.oldViewX * e.detail.scale;  
                    this.viewY =  this.oldViewY * e.detail.scale;  
          });  
},  
change(e) {  
          this.oldViewX = e.detail.x;  
          this.oldViewY = e.detail.y;  
}