HarmonyOS 获取网络图片高度

根据网络图片的高度来给 image 组件设置高度

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

可以参考以下demo:

import http from '@ohos.net.http';
import image from '@ohos.multimedia.image';
import { BusinessError } from '@ohos.base';

@Entry
@Component
struct ImageToPixelMap {
  @State image: PixelMap | undefined = undefined;
  private imageWith: number = 0;
  private imageHeight: Length = 100;

  aboutToAppear(): void {
    this.httpRequest()
  }

  build() {
    Column() {
      Image(this.image)
        .height(this.imageHeight).width(this.imageWith)

    }.width('100%').height('100%')
  }

  httpRequest() {
    http.createHttp().request(
      "https://xxx.jpg",
      (error: BusinessError, data: http.HttpResponse) => {
        if (error) {
          console.error(`http reqeust failed with. Code: ${error.code}, message: ${error.message}`);
        } else {
          console.error('http reqeust success.');
          let imageData: ArrayBuffer = data.result as ArrayBuffer;
          let imageSource: image.ImageSource = image.createImageSource(imageData);
          console.error(`http reqeust size = ${imageData.byteLength}`);

          let opts: image.DecodingOptions = { editable: true }
          let pixelMap: image.PixelMap = imageSource.createPixelMapSync(opts);
          pixelMap.getImageInfo().then((imageInfo: image.ImageInfo) => {
            if (imageInfo == undefined) {
              console.error("Failed to obtain the image pixel map information.");
            }
            this.imageWith = imageInfo.size.width;
            this.imageHeight = imageInfo.size.height;
            console.log("Succeeded in obtaining the image pixel map information.", this.imageWith,
              this.imageHeight);
          })

          class tmp {
            height: number = 100
            width: number = 100
          }

          let options: Record<string, number | boolean | tmp> = {
            'alphaType': 0, // 透明度
            'editable': false, // 是否可编辑
            'pixelFormat': 3, // 像素格式
            'scaleMode': 1, // 缩略值
            'size': { height: 100, width: 100 }
          } // 创建图片大小
          imageSource.createPixelMap(options).then((pixelMap: PixelMap) => {
            this.image = pixelMap
          })
        }
      }
    )
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 获取网络图片PixelMap
175浏览 • 1回复 待解决
如何获取网络图片的尺寸?
642浏览 • 1回复 待解决
获取网络图片并保存到相册
1802浏览 • 1回复 待解决
服务卡片image怎么获取网络图片
7272浏览 • 2回复 待解决
HarmonyOS 请求网络图片
491浏览 • 1回复 待解决
HarmonyOS Image加载网络图片
17浏览 • 1回复 待解决
HarmonyOS 网络图片加载控件
178浏览 • 1回复 待解决
页面加载前获取网络图片的宽高
830浏览 • 1回复 待解决
如何保存网络图片到相册
1001浏览 • 1回复 待解决
HarmonyOS Image组件网络图片不显示
599浏览 • 1回复 待解决
HarmonyOS ImageKnife加载网络图片失败
203浏览 • 1回复 待解决
HarmonyOS 保存网络图片,图库更新
477浏览 • 1回复 待解决
HarmonyOS 网络图片加载不显示
368浏览 • 1回复 待解决
HarmonyOS ImageView不能加载网络图片
23浏览 • 1回复 待解决
HarmonyOS Image 加载网络图片问题
990浏览 • 1回复 待解决
HarmonyOS 使用picker保存网络图片
15浏览 • 1回复 待解决
HarmonyOS 保存网络图片到手机图库
177浏览 • 1回复 待解决
HarmonyOS Image组件的网络图片缓存
258浏览 • 1回复 待解决