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

我想做的是在另一张图片上画一张png图片，我已经用canvas成功地完成了，然后我可以将它保存为一个新的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;
            }

---

我想将图片保存到一个路径，但我不想显示它，我如何才能做到这一点，或者有任何插件可以做到这一点。

我已经自己解决了这个问题，我发现如果我一个接一个地快速绘制画布并保存，您不会注意到画布的更改，因此，图像似乎没有显示就保存了下来，但实际上是在很短的时间内显示出来的