【发布时间】：2021-02-25 07:17:29
【问题描述】：
我尝试展示ImageCapture API 拍摄的带有object-fit:cover 的照片。它与桌面上的 Chrome 完美配合。但是，object-fit:cover 样式不适用于 Android 上的 Chrome，适用于所有设备和模拟器。
可以在here 找到此问题的最小示例。
<img id="photoImg" /> 的大小固定为 200 * 400 px，以展示object-fit:cover 的风格。图片的src由ImageCapture.takePhoto()方法生成，并通过URL.createObjectURL()函数将blob转换为URL。
以下是桌面版 Chrome 的结果，运行良好。
遗憾的是，Android（Sony Xperia 1）上的 Chrome 的以下结果具有失真的图像比例。 object-fit:cover 似乎不起作用。
我已使用 Remote Debugging Android Devices 确认其他 object-fit 值，例如 object-fit:contain 可以按预期工作。
我怀疑来自ImageCapture 的Blob 可能会遗漏一些关键信息，以便正确计算图像比例，但我不知道如何进一步调查。
如何使object-fit:cover 在装有 Chrome 的移动设备上工作？
【问题讨论】：
标签： android css webrtc image-capture