[JavaScript]data URLの画像データを表示する方法

HTMLバージョン5から、toDataURL()を使って任意のフォーマットでdata URIを取得することができますが、逆に、このデータから、canvasタグ内に画像として表示する方法を調べました。

[javascript,HTML]canvas をいじってみる -画像-

を参考にすると、imageオブジェクトのdrawImage関数で表示することができるみたいなのですが、ここで、注意点があって、いきなり使うと、画像がサーバーからダウンロード完了する前に、コールしてしまうとヤバイので、onloadで回避するようです。

詳細は、Mozilla Developer Centerの画像を使うにて紹介されていますので、是非、参考にしてください。