使用vanilla Javascript将多个画布合并到一个画布中（以导出它）

我所处的情况是，我生成了多个画布（~200），其中我绘制了一幅从用户网络摄像头抓拍的图像（“照片完成”技术的实验）

我必须将这些画布导出为一个简单的jpeg格式，如下图所示

您还可以看到它在视觉上应该是什么样子的（多条带作为多个画布，我必须将它们导出为一个且只有Jpg）

你对如何进行有什么想法或方向吗

提前谢谢

AW.

只需使用即可。它接受另一个画布作为位图源（第一个参数）

所以你需要

• 确定最终画布的大小
• 确定每个小画布的位置
• 画这些

//每个板条的尺寸
var宽度=10；
var高度=200；
//我们将每个“条带”画布存储在一个数组中
var=[]；
对于（var i=0；i只需使用。它接受其他画布作为位图源（第一个参数）

所以你需要


确定最终画布的大小
确定每个小画布的位置
画这些


//每个板条的尺寸
var宽度=10；
var高度=200；
//我们将每个“条带”画布存储在一个数组中
var=[]；
对于（var i=0；i