Tender Surrender

Even after searching, I couldn't find much information in Japanese, so I'm leaving a note here.

The simplest answer is to use toBlob() from the DOM element (not the context) in canvas. However, while this is implemented in Firefox, unfortunately it's not yet implemented in Chrome. So, you can use the following method to create Blob in any image format, such as png or jpeg.