WeChat アプレットの画像リンクを通じて画像のアスペクト比を取得する方法 (画像をダウンロードする前にアスペクト比を取得するのに適しています)

WeChat アプレットでは、wx.getImageInfo を通じて画像リンクの幅と高さの情報を取得できます。

js

wx.getImageInfo({
  src: '图片链接',
  success: res => {
    console.log(res.width, res.height)

    // 计算宽高比
    const ratio = res.width / res.height
  } 
})

getImageInfo は、画像をダウンロードし、画像の幅と高さの情報を取得する非同期 API です。

主な手順は次のとおりです。

1. wx.getImageInfo を通じて画像の幅と高さを取得します。
2. 成功コールバックで幅と高さを取得できます
。 3. 幅を高さで割ってアスペクト比を計算します。

知らせ：

- getImageInfo はサーバー ドメイン名にホワイトリストを設定する必要があります。そうしないと、ローカル以外の画像情報を取得できなくなります。 -
比率が大きいほど画像の幅が広くなり、画像が小さいほど画像が長くなります。
画像の表示に使用されるため、ダウンロードする前にアスペクト比を計算して画像の表示サイズを決定することをお勧めします。