HarmonyOS 关于imagespan.alt()接收PixelMap

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-imagespan-V5

关于imagespan.alt()接收PixelMap,在示例四中alt传入的,是一个从网络加载成功的图片,如何传一个工程中的本地图片?

HarmonyOS
2025-01-09 16:03:24
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

alt()是占位图,文档表达的意思是本地的网络的都可以,只要图片的类型是PixelMap就行,本地图片可以先转换为PixelMap类型再加载,可以参考下面的转换:

build() {
  Scroll() {
    Column() {
      Text('获取图片')
        .onClick(async () => {
          try {
            // 获取resourceManager资源管理器
            const resourceMgr = getContext(this).resourceManager;
            // 获取rawfile文件夹下icon.png的ArrayBuffer。
            const fileData = await resourceMgr.getRawFileContent("app_icon.png");

            // 获取图片的ArrayBuffer
            const buffer = fileData.buffer;
            // 创建imageSource。
            const imageSource = image.createImageSource(buffer);
            // 创建PixelMap
            this.imageAlt = await imageSource.createPixelMap();
          } catch (err) {
            console.info(`filed: err = ${JSON.stringify(err)}`)
          }
        })
      Text() {
        // 直接加载网络地址,请填写一个具体的网络图片地址
        ImageSpan('xxxx')
          .alt(this.imageAlt)
          .width(300)
          .height(300)
          .backgroundColor(Color.Orange)
      }
    }
  }
  .backgroundColor(Color.White)
  .width('100%')
  .height('100%')
}
分享
微博
QQ
微信
回复
2025-01-09 18:23:45
相关问题
HarmonyOS 关于获取pixelmap对象代码示例
342浏览 • 1回复 待解决
关于如何使用鸿蒙接收视频流
4173浏览 • 0回复 待解决
HarmonyOS ImageSpan点击事件无法触发
787浏览 • 1回复 待解决
HarmonyOS Text 中使用 ImageSpan 问题
794浏览 • 1回复 待解决
HarmonyOS Text中的ImageSpan和Span
833浏览 • 1回复 待解决
HarmonyOS pixelMap
336浏览 • 1回复 待解决
HarmonyOS如何拦截Alt+F4实现文件保存
811浏览 • 1回复 待解决
HarmonyOS 无法接收事件
609浏览 • 1回复 待解决
HarmonyOS PixelMap裁剪
376浏览 • 1回复 待解决
HarmonyOS 组件接收页面参数
437浏览 • 1回复 待解决
HarmonyOS 路由参数如何接收
664浏览 • 1回复 待解决
HarmonyOS 推送突然无法接收
183浏览 • 1回复 待解决
HarmonyOS SVG转换pixelMap
193浏览 • 1回复 待解决
HarmonyOS PixelMap问题
152浏览 • 1回复 待解决