[B! canvas] ftypeのブックマーク

Canvas から生成した PNG 画像に独自の情報を埋め込む | GREE Engineering

こんにちは、Multimedia Engineering Team のいまやです。 Advent Calendar 8日目の記事ですが、特にそういうのとは関係なく好きなことを書きます。はじめに Canvas で色々やっていると、 Canvas#toDataURL() を使って生成した PNG 画像に独自の情報を埋め込みたくなることがよくあると思います。今回は、この生成した画像に独自の情報を埋め込む方法を説明したいと思います。 PNG フォーマットおさらい PNG フォーマットについては（以前個人ブログですが）紹介したので、詳しく知りたい方はそちらをご覧ください。 PNG 画像の解析と最適化ツール: http://imaya.blog.jp/archives/6136997.html ここでは簡単なおさらいのみにします。 PNG は以下のような構造になっています。 PNG シグネチャ(8

ftype 2013/12/09

canvas
HTML5

リンク

HTML5 Canvas Development with Ai->Canvas

February 10, 2013HTML5 Canvas Development with Ai->Canvas With the emergence of the new HTML5 specifications on to the web development scene, the Web is not the same anymore. We can do things now that were only a dream in the past. One of these things is the ability to draw images directly in our browsers, which is now possible with the Canvas API. It is easy to understand and quick to learn. But,