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对象代码示例
1434浏览 • 1回复 待解决
关于如何使用鸿蒙接收视频流
4998浏览 • 0回复 待解决
HarmonyOS ImageSpan点击事件无法触发
1355浏览 • 1回复 待解决
HarmonyOS Text 中使用 ImageSpan 问题
1547浏览 • 1回复 待解决
HarmonyOS Text中的ImageSpan和Span
1497浏览 • 1回复 待解决
HarmonyOS pixelMap
1005浏览 • 1回复 待解决
HarmonyOS如何拦截Alt+F4实现文件保存
1452浏览 • 1回复 待解决
HarmonyOS 无法接收事件
1143浏览 • 1回复 待解决
HarmonyOS 组件接收页面参数
1478浏览 • 1回复 待解决
HarmonyOS 路由参数如何接收
1414浏览 • 1回复 待解决
HarmonyOS 推送突然无法接收
769浏览 • 1回复 待解决
HarmonyOS PixelMap裁剪
1471浏览 • 1回复 待解决
HarmonyOS pixelMap旋转
821浏览 • 1回复 待解决
HarmonyOS PixelMap问题
927浏览 • 1回复 待解决
HarmonyOS 发送event接收不到
950浏览 • 1回复 待解决