方針

• 文字列をutf-8エンコードする
• エンコードされた文字列をascii文字コードのバイト表現に変換
• JavaScriptは文字列をバイトコードとして扱えないそうなので、変換テーブルを自分で用意する
• R,G,Bに1文字ずつ埋め込み、Alpha（不透明度）は最大値の0xffにしておく。
• canvas.toDataURL()を使ってdata:url形式で出力しimg.srcに登録することで保存可能になる

適当な文字列をPNGにしてみる

画像から文字列に変換する

ソースコードを見る

今後の課題？

1. ローカルファイルを追加できるようにしたいけど、ファイルのフルパスが取れないっぽい…。セキュリティ考えれば当然かもだけど、これがないとわざわざ画像で出力した意味が無くなっちゃう！

参考URL

1. HTML5.jp
2. JavaScriptの巧い書き方
3. ASCII文字コード
4. JavaScriptで連想配列のキーを取り出す
5. 画像を使う
6. 月刊秘伝トップページ
7. アイムエンタープライズ Talent Profile
8. LISP OFFICIAL WEB SITE -部屋とパソコンとLISP-