显示图片 (Image)(点击跳转官方文档)

存档图类型的数据源可以分为本地资源、网络资源、Resource资源、媒体库资源和base64。

（1）本地资源（自定义本地文件夹images）

创建文件夹，将本地图片放入ets文件夹下的任意位置。
Image组件引入本地图片路径，即可显示图片（根目录为ets文件夹）。

（2）网络资源

引入网络图片需申请权限ohos.permission.INTERNET，具体申请方式请参考声明权限。此时，Image组件的src参数为网络图片的链接。

Resource资源

使用资源格式可以跨包/跨模块引入图片，resources文件夹下的图片都可以通过$r资源接口读取到并转换到Resource格式。

（3）Resource资源—>$r资源接口

resources文件夹下的图片都可以通过$r资源接口

（4）Resource资源—>rawfile文件夹

（5）base64

路径格式为data:image/[png|jpeg|bmp|webp|heif];base64,[base64 data]，其中[base64 data]为Base64字符串数据。
Base64格式字符串可用于存储图片的像素数据，在网页上使用较为广泛。

首先：点击进入Base64 在线编码解码(最好用的 Base64 在线工具)

完整代码：

@Entry
@Component
struct Demo1{
  build() {
    Column(){
      // 1、本地资源，自定义的本地文件夹
      Image('/images/sc.png').width(150)

      //2、网络资源
      Image('https://i2.hdslb.com/bfs/archive/5016542bc14222484806bc6e82690cf69d87793f.jpg')
        .width(150)

      // Resource资源
      // （3）resources文件夹下的图片都可以通过$r资源接口--->media文件夹
      Image($r('app.media.sc')).width(150)

      // (4)Resource资源--->rawfile文件夹
      Image($rawfile('sc.png')).width(150)

      //(5)、base64格式
      Image('')
        .width(100)
    }
  }
}

求各位看官大人解：用base64加载图片，它的编码默认会换行，一下上千行代码，有人知道怎么让它不换行吗？如果知道的话，麻烦评论区或私信告诉我一下，感谢！