HarmonyOS如何获取resources/media下图片的信息，如图片高、宽？如何转pixelmap？

HarmonyOS

zbw_apple

2024-09-10 10:52:59

浏览

回答 1

待解决

回答 1

按赞同

按时间

Heiang

可以参考如下demo来获取图片资源的尺寸信息以及了解相关转pixelmap操作：

import image from '@ohos.multimedia.image' 
@Entry 
@Component 
struct Index { 
  @State message: string = '点击获取图片尺寸'; 
  @State imagePixelMap: PixelMap | undefined = undefined; 
  @State imageWidth:number = -1; 
  @State imageHeight:number = -1; 
  build() { 
    Row() { 
      Column() { 
        Button(this.message).fontSize(30).width(350).height(150).fontWeight(FontWeight.Bold).onClick(() => { 
          getContext(this).resourceManager.getMediaContent($r("app.media.ic_app_background")).then((data) => { 
            let arrayBuffer = data.buffer.slice(data.byteOffset, data.byteLength + data.byteOffset) 
            let imageSource: image.ImageSource = image.createImageSource(arrayBuffer); 
            imageSource.getImageInfo((err, value) => { 
              //获取图片资源的尺寸 
              console.log(`图片的尺寸为：width:${value.size.width}height:${value.size.height}`) 
              if (err) {return;} 
              //转PixelMap 
              let opts: image.DecodingOptions = 
                { editable: true, desiredSize: { height: value.size.height, width: value.size.width } }; 
              imageSource.createPixelMap(opts, (err, 
                                                pixelMap) => { 
                this.imagePixelMap = pixelMap 
                this.imagePixelMap.getImageInfo().then((value)=> { 
                  this.imageWidth = value.size.width 
                  this.imageHeight = value.size.height 
                }) 
              }) 
            }) 
          }) 
        }) 
        Image(this.imagePixelMap).width(300).height(400) 
        Text(`图片尺寸信息：width: ${this.imageWidth}, height: ${this.imageHeight}`) 
      } 
    } 
  } 
}