有沒有辦法在不使用 canvas 的情況下合並 JavaScript 中的圖像？

Question

我正在嘗試導出大於最大 canvas 大小的圖像 (PNG)。 我已經平鋪了 canvas 導出，這樣每個圖塊都足夠小，可以生成（使用toBlob ）。 現在我需要一種將圖像合並在一起的方法，但找不到本身不使用 canvas 的方法。 這有可能嗎？

Answer 1

Kaiido的回答效果很好。 我正在使用getImageData平鋪 canvas 導出（移動每個圖塊的 canvas 的內容），然后循環遍歷所有 ImageData 圖塊並創建一個新的 RGBA 值的一維數組，我將其發送到fast-png的encode 。 它不是很快，尤其是在移動設備上（約 30MP 圖像在 iPhone X 上合並大約需要 40 秒），但我正在使用 Worker 在后台線程上進行操作。