页面加载前获取网络图片的宽高

页面加载前获取网络图片的宽高

HarmonyOS
2024-06-06 23:19:29
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
电子土豆片

示例代码

import image from '@ohos.multimedia.image'; 
 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
 
  @State _pixelMap: image.PixelMap | undefined = undefined; 
  @State with: number = 0 
  @State hig: number = 0 
 
  async aboutToAppear() { 
    console.error(" aboutToAppear start."); 
    let resourceManager = getContext(this).resourceManager; 
    let imageArray = await resourceManager.getMediaContent($r('app.media.startIcon')); 
    let imageResource = image.createImageSource(imageArray.buffer); 
    let opts: image.DecodingOptions = { editable: true } 
    this._pixelMap = await imageResource.createPixelMap(opts); 
    this._pixelMap.getImageInfo().then((imageInfo : image.ImageInfo) => { 
      if (imageInfo == undefined) { 
        console.error("Failed to obtain the image pixel map information."); 
      } 
      this.with = imageInfo.size.width; 
      this.hig = imageInfo.size.height; 
      console.log(" Succeeded in obtaining the image pixel map information.", this.with, this.hig); 
    }) 
    console.error(" aboutToAppear end."); 
  } 
 
  build() { 
    Row() { 
      Column() { 
        Text(this.message) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
      } 
      .width(this.with) 
      .height(this.hig) 
      .backgroundColor(Color.Green) 
    } 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-06-07 21:35:07
相关问题
HarmonyOS photoAsset获取图片失败
237浏览 • 1回复 待解决
Image组件如何加载网络图片
2414浏览 • 1回复 待解决
HarmonyOS Image 加载网络图片问题
473浏览 • 1回复 待解决
鸿蒙如何获取Element图片
7816浏览 • 1回复 待解决
如何获取网络图片尺寸?
323浏览 • 1回复 待解决
关于Image组件加载网络图片问题
364浏览 • 1回复 待解决
如何获取图片,你知道吗?
2189浏览 • 1回复 待解决
获取Column最终
309浏览 • 1回复 待解决
服务卡片image怎么获取网络图片
6819浏览 • 2回复 待解决
获取网络图片并保存到相册
1244浏览 • 1回复 待解决
ArkTs如何获取组件
4486浏览 • 1回复 待解决
如何获取窗口信息
2267浏览 • 1回复 待解决
HarmonyOS 请求网络图片
258浏览 • 1回复 待解决
如何实现页面加载从接口获取数据
2313浏览 • 1回复 待解决