在javascript中合并2 png blob？

Question

我有两个像这样的截图：

function takeScreenshot(dataObj) {
    html2canvas($('body'),{
        onrendered: function (canvas) {
            canvas.toBlob(function(blob){
                dataObj["screenshot"] = blob;

            }, 'image/png', 1);
        }
    });
}

我想要做的是合并它们，所以我有一张照片。我知道我可以通过将两张图片放在同一个画布上然后将其序列化回blob来实现。但我不必在页面上显示它，所以在我看来它似乎是一种开销。

是否有其他更优化的方法将这2个blob合并为一张图片？