HarmonyOS image resizable问题咨询

@Entry  
@Component  
struct ImageComponent {  
  @State top: number = 40  
  @State bottom: number = 5  
  @State left: number = 40  
  @State right: number = 10  
  build() {  
    Column({ space: 5 }) {  
      // 原图效果  
      Image("xxxx")  
        .width(200).height(200)  
        .border({ width: 2, color: Color.Pink })  
        .objectFit(ImageFit.Contain)  
      // 图像拉伸效果，设置resizable属性，对图片不同方向进行拉伸  
      Image("xxx")  
        .resizable({  
          slice: {  
            left: this.left,  
            right: this.right,  
            top: this.top,  
            bottom: this.bottom  
          }  
        })  
        .width(200)  
        .height(200)  
        .border({ width: 2, color: Color.Pink })  
        .objectFit(ImageFit.Contain)  
      Row() {  
        Button("add top to " + this.top).fontSize(10)  
          .onClick(() => {  
            this.top += 2  
          })  
        Button("add bottom to " + this.bottom).fontSize(10)  
          .onClick(() => {  
            this.bottom += 2  
          })  
      }  
      Row() {  
        Button("add left to " + this.left).fontSize(10)  
          .onClick(() => {  
            this.left += 2  
          })  
        Button("add right to " + this.right).fontSize(10)  
          .onClick(() => {  
            this.right += 2  
          })  
      }  
    }  
    .justifyContent(FlexAlign.Start).width('100%').height('100%')  
  }  
}