绘制图片并保存而不显示它

帽子 我想做的是用 png 在另一张图片上画一张图片，我已经通过画布成功完成了，然后我可以将其另存为新的 png 文件。

            var drawImage = function(canvas, base, overlay){
                var context = canvas.getContext('2d');
                context.clearRect(0, 0, canvas.width, canvas.height);
                var baseImage = new Image();
                var overlayImage = new Image();
                var readyFlag = 0;
                var drawFunc = function () {
                    context.drawImage(baseImage, 0, 0, canvas.width, canvas.height);
                    context.drawImage(overlayImage, 0, 0);
                }
                baseImage.onload = function () {
                    readyFlag += 1;
                    if (readyFlag < 2) {
                        return;
                    }
                    drawFunc();
                }
                overlayImage.onload = function () {
                    readyFlag += 1;
                    if (readyFlag < 2) {
                        return;
                    }
                    drawFunc();
                }
                baseImage.src = base;
                overlayImage.src = overlay;
            }

我想将图片保存到路径中，但我不想显示它，我如何实现这一点或任何插件都可以做到这一点。