HarmonyOS 鸿蒙Next image resizable

resizable是设置图像拉伸时可调整大小的图像选项。

1. 拉伸对拖拽缩略图以及占位图有效。

2. 设置合法的 ResizableOptions 时，objectRepeat 属性设置不生效。

3. 当设置 top +bottom 大于原图的高或者 left + right 大于原图的宽时 ResizableOptions 属性设置不生效。

您提供的在线url我这边无法加载，换了一个在线url之后可以正常运行示例代码。

请问您的模拟器、测试机、IDE、SDK是什么版本的，方便我们快速定位程序崩溃的原因。

您可以通过以下代码查看该属性的效果：

[@Entry](/user/Entry)
[@Component](/user/Component)
struct ImageComponent {
 [@State](/user/State) top: number = 40;
 [@State](/user/State) bottom: number = 5;
 [@State](/user/State) left: number = 40;
 [@State](/user/State) right: number = 10;

 build() {
   Column({ space: 5 }) {
     // 原图效果
     Image("https://img2.baidu.com/it/u=612844894,2239973497&fm=253&fmt=auto&app=138&f=JPEG?w=334&h=500")
       .width(200)
       .height(200)
       .border({ width: 2, color: Color.Pink })
       .objectFit(ImageFit.Contain);

     // 图像拉伸效果
     Image("https://img2.baidu.com/it/u=612844894,2239973497&fm=253&fmt=auto&app=138&f=JPEG?w=334&h=500")
       .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%');
 }
}