Getting 'Image corrupt or truncated'?

[RedHatter]

I can't get this to work. Any time I try and create a png it's corrupted. When I try and display it I get 'Image corrupt or truncated.'

I've put together an example here (slightly modfied to run outside of a webworker).

[robertleeplummerjr]

I ended up making my own: https://robertleeplummerjr.github.io/CanvasWorker/

[RedHatter]

I don't see anything to do with encoding png images in that project.

[robertleeplummerjr]

It merges images together via web workers into a canvas, then you use: canvas.toDataURL('image/png')

[RedHatter]

I need to encode the png without use of canvas. Hence a png encoder library.