繪制圖片並保存而不顯示它

Question

我想做的一頂帽子是在另一幅上畫一個帶有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;
            }

我想將圖片保存到路徑，但是我不想顯示它，我如何實現這一點，或者沒有任何插件可以做到這一點。

Answer 1

我已經自己解決了它，我發現如果我快速地一張一張地繪制畫布並保存，而您卻沒有注意到畫布發生了變化，那么圖像似乎已保存但沒有顯示，但實際上是在很短的時間內顯示出來的。