HarmonyOS 使用image展示pixelMap无法展示图片 ,但有确切的值

HarmonyOS 使用image展示pixelMap无法展示图片 ,但有确切的值。

HarmonyOS
2024-10-10 12:03:07
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

示例如下:

import { image } from '@kit.ImageKit'  
import { BusinessError } from '@ohos.base'  
import { fileUri } from '@kit.CoreFileKit'  
import fs from '@ohos.file.fs';  
@Entry  
@Component  
struct IR240524155935058 {  
  imageUrl: string | null = null  
  @State imagePixelMap: image.PixelMap | null = null  
  @State imagePath: string | null = null  
  build() {  
    Column() {  
      if (true) {  
        Image(this.imagePixelMap)  
          .objectFit(ImageFit.Fill)  
          .width('100%')  
          .height('100%')  
          .onError((msg) => {  
            console.log('---图片加载失败', JSON.stringify(msg))  
          })  
          .onComplete((msg) => {  
            console.log('---图片加载成功', JSON.stringify(msg))  
          })  
      }  
    }  
  }  
  aboutToAppear(): void {  
    this.createImagePixelMap()  
  }  
  private async createImagePixelMap() {  
    if (true) {  
      const context: Context = getContext(this);  
      let imagePath: string = getContext().filesDir + '/img.jpg'  
      if (imagePath.length === 0) {  
        return  
      }  
      let imageSource: image.ImageSource = image.createImageSource(imagePath)  
      let decodingOptions: image.DecodingOptions = {  
        editable: true,  
        desiredPixelFormat: 3,  
      }  
      // 创建pixelMap  
      imageSource.createPixelMap(decodingOptions).then((pixelMap: image.PixelMap) => {  
        console.log("Succeeded in creating PixelMap")  
        this.imagePixelMap = pixelMap  
      }).catch((err: BusinessError) => {  
        console.error("Failed to create PixelMap")  
      });  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-10 16:54:11
相关问题
HarmonyOS map无法展示
168浏览 • 1回复 待解决
HarmonyOS 地图组件无法展示
164浏览 • 1回复 待解决
地图组件无法正常展示
481浏览 • 1回复 待解决
富文本在web组件中无法展示
2058浏览 • 1回复 待解决
HarmonyOS RichText 展示问题
160浏览 • 1回复 待解决
HarmonyOS Image组件无法显示网络图片
1053浏览 • 1回复 待解决
HarmonyOS List展示不全问题
334浏览 • 1回复 待解决