JavaScript 中的 canvas ImageData 是否包含 EXIF 信息？

Question

来自文档

ImageData 接口表示画布元素某个区域的底层像素数据

我想知道 ImageData 是只有像素数据还是像素数据+元数据？元数据是指任何 EXIF 数据，例如方向、分辨率、文件类型或 dpi。

问题

每当我将 EXIF 方向不是 1 的图像绘制到画布并将其作为 ImageData 读回时，当我将 ImageData 转换为 DataURL 时，生成的 ImageData 未正确对齐 Image 标签。

在移动浏览器和桌面浏览器（几乎所有浏览器）中都观察到问题。

Answer 1

<canvas> 不保留任何 JPEG 元数据，因为此元数据特定于 JPEG 文件本身。根据定义，画布仅是原始像素数据。

• Parse JPEG file yourself to extract metadata

• 玩画布

• Use a custom encoder to write JPEG file out of canvas, injecting extracted EXIF metadata back.