在 Electron 上將畫布另存為圖像

Question

我目前的設置：

1. 將畫布轉換為 blob。
2. 向用戶詢問文件路徑。
3. 將 blob 保存在用戶指定的位置。

但是，我無法使第 3 步起作用。 我目前正在嘗試使用 fs 來完成這項工作，但它似乎並沒有真正保存文件。

當前代碼：

canvas.toBlob(blob => {
    remote.dialog.showSaveDialog({ defaultPath: "file.png" }).then((canceled, filepath) => {
        if (filepath) { // Using filepath because canceled is always true for some reason
            blob.arrayBuffer().then(arrayBuffer => {
                console.log(arrayBuffer);
                fs.writeFile(filepath, Buffer.from(arrayBuffer), err => {
                    if (err) throw err;
                });
            });
        }
    });
}, "image/png");

我的代碼有什么缺陷嗎？ 我嘗試將緩沖區更改為 Uint8Array 和 Int8Array，但它們也不起作用。

Answer 1

我通過將取消/文件路徑參數更改為一個包含所有這些參數的結果參數解決了這個問題，結果我只是以錯誤的方式使用 showSaveDialog 。