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

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

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

示例代码

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
相关问题
Image组件如何加载网络图片
1048浏览 • 1回复 待解决
鸿蒙如何获取Element图片
6298浏览 • 1回复 待解决
获取网络图片并保存到相册
409浏览 • 1回复 待解决
服务卡片image怎么获取网络图片
5646浏览 • 2回复 待解决
如何获取图片,你知道吗?
861浏览 • 1回复 待解决
如何实现页面加载从接口获取数据
1022浏览 • 1回复 待解决
ArkTs如何获取组件
3283浏览 • 1回复 待解决
如何获取窗口信息
786浏览 • 1回复 待解决
图片压缩指定和限制大小
360浏览 • 1回复 待解决
如何保存网络图片到相册
205浏览 • 1回复 待解决
如何测量获取控件
348浏览 • 1回复 待解决
如何获取组件,你学会了吗?
1193浏览 • 1回复 待解决
请问Image控件是怎样设置网络图片
9011浏览 • 3回复 已解决
java如何获取屏幕。找不到api?
4282浏览 • 1回复 待解决
求大佬告知如何获取组件
57浏览 • 1回复 待解决
如何显示通过网络加载图片
1283浏览 • 1回复 待解决