Tender Surrender

検索してもあまり日本語の情報が出てこなかったのでメモを残しておきます。

canvas の DOM エレメント (コンテキストではない) から  toBlob() を使う、というのが一番簡潔な回答です。が、これは Firefox には実装されているので すが、残念ながら Chrome にはまだ実装されていませ ん。そこで下記の方法 を使って png や jpeg など、任意の画像形式で Blob を作ることができます。