绘制图片并保存而不显示

Question

我想做的是用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;
            }

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

Answer 1

我自己已经解决了这个问题，我发现如果我一个接一个地快速绘制画布并保存你没有注意到画布改变了，所以图像似乎保存而没有显示但实际显示的时间非常短时间。