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

Question

来自文档

ImageData 接口(interface)表示 Canvas 元素区域的底层像素数据

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

问题

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

在大多数浏览器中，移动和桌面浏览器都会出现问题。

Answer 1

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

• Parse JPEG file yourself to extract metadata

• 玩 Canvas

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