こんにちは、Multimedia Engineering Team のいまやです。 Advent Calendar 8日目の記事ですが、特にそういうのとは関係なく好きなことを書きます。 はじめに Canvas で色々やっていると、 Canvas#toDataURL() を使って生成した PNG 画像に独自の情報を埋め込みたくなることがよくあると思います。 今回は、この生成した画像に独自の情報を埋め込む方法を説明したいと思います。 PNG フォーマットおさらい PNG フォーマットについては(以前個人ブログですが)紹介したので、詳しく知りたい方はそちらをご覧ください。 PNG 画像の解析と最適化ツール: http://imaya.blog.jp/archives/6136997.html ここでは簡単なおさらいのみにします。 PNG は以下のような構造になっています。 PNG シグネチャ(8
![Canvas から生成した PNG 画像に独自の情報を埋め込む | GREE Engineering](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1e492590b05d99d582af3d991fc8359db400498/height=288;version=1;width=512/https%3A%2F%2Flabs.gree.jp%2Fblog%2Fwp-content%2Fuploads%2F2019%2F03%2Fblog_ogp.jpg)