javascript - 是否可以将图像文件合并到一个 blob 中

Question

假设我有两张图片。 ('左.jpg'，'右.jpg')。 我想加载这两个文件，并使用 blob 将它们显示在单个 img 标记中。 是否可以使用“blob”在单个 img 标签中将它们并排显示？

Answer 1

不，blob 与格式无关。他们不了解他们所代表的数据的底层文件格式(jpg、png等)，他们所知道的是他们有一大块二进制数据，所以他们不知道如何正确地组合这些文件需要发生什么。

但是，您可以遵循的一个潜在流程是:

1. 通过 Image() 加载图像
2. 将它们传输到 <canvas>与 drawImage()
3. 根据 <canvas> 上的图像数据创建数据 URI使用 toDataURL()
4. 设置src <img>的到步骤 3 中的数据 URI