绘制图片并保存而不显示答案

【问题标题】：Drawing a picture and save it without displaying it绘制图片并保存而不显示
【发布时间】：2015-01-28 06:06:02
【问题描述】：

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

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

【问题讨论】：

标签： javascript html5-canvas node-webkit

【解决方案1】：

我自己已经解决了，我发现如果我把画布一张一张画得很快，保存你并没有注意到画布发生了变化，所以图像看起来保存不显示但实际上在很短的时间内显示时间。

【讨论】：