保存带有从HTML5画布检索的图像的元数据

Question

我要做的是在使用canvas.toDataUrl('image/jpeg')保存图像之后，将图像元数据和图像数据一起保存，以便下次加载图像时，我应该可以访问该元数据。

考虑下面的图像，这里我在画布上绘制对象，在鼠标上方的工具提示中显示了一些数据。我试图找出一种方法，通过该方法可以将元数据与图像一起保存，当再次加载图像时，工具提示应与之前的版本相同。

在搜索解决方案时，我发现EXIF用于将元数据保存到图像，但是没有找到直接解决方案，大多数解决方案都在使用exiftool或任何其他第三方工具/库

Answer 1

要将元数据保存到图像（不是前端的选项），必须从后端进行操作（我使用了node.js）。为此，我不得不使用node-exiftool，需要安装exiftool。

下面是将元数据添加到图像的步骤：

1. 上传图像并将元数据发送到服务器。
2. 使用node-exiftool's .writeMetadata()方法将元数据写入图像。

完成此操作是为了编写部分内容。

类似于阅读，我们可以使用node-exiftool's .readMetadata()方法。