文章目录
[+]
例如，200200：
Image($r('app.media.avatar_200_200')) .width(200) .height(200)
运行结果：
如果想让 Image 组件的尺寸跟原图一样大该怎么做？
（图片来自网络侵删）
这时我们可以使用它的 fitOriginalSize 属性。
该属性的作用是：图片组件尺寸未设置时，显示尺寸是否跟随图源尺寸。组件不设置宽高或仅设置宽/高时，该属性不生效。
fitOriginalSize(value: boolean): ImageAttribute;
fitOriginalSize 属性接收一个 boolean 类型的值。
true 表示跟随图源尺寸。
false 表示不跟随图源尺寸。
接下来，试试 fitOriginalSize 属性。
Image($r('app.media.avatar_200_200')) .fitOriginalSize(true)
运行结果：
从运行结果来看，Image 组件的尺寸为图片的尺寸。
如果感受不到的话，可以为 Image 组件加一个 1vp 的红色边框。
Image($r('app.media.avatar_200_200')) .fitOriginalSize(true) .borderWidth(1) .borderColor(Color.Red)
运行结果：
从运行结果来看，Image 组件的尺寸确实为图片的尺寸。
至此，我们学会了通过 fitOriginalSize 属性可以让 Image 组件尺寸跟随图源尺寸。
需要注意的是，不要给 Image 组件设置任何的宽或高，0 也不行。
