How to detect if an image generated via canvas is blank (transparent PNG)?

Question

I am working on an application in which an image is created/edited on a HTML5 canvas and then saved into a file-store/cloud. The problem is that of \"saving efficiency\". On sav

Answer 1

This isn't native, but this should work, because a blank canvas always generates the same data URL.

So, you could create a hidden canvas, get that canvas's data URL and if it matches that of your editor, then don't upload it. Simple as that.

Demo. First, go hit save without going over the canvas. Then go over it and then hit save. Tada!