localStorage+画像保存、取得ではまった。

* やりたかったこと

 localStorageに画像保存と取得(表示)

* 現象

 localStorageにデータが保存されている(ぐぐるdevツールでsotrageの値を確認)が、

 img.srcに取得した値を入れるも画像は表示されず。(今思えば表示されていた…。)

* 原因

 画像を読み込む前にStorageに保存していた。

 画像がロードされたときにテストとして描画していたり、devツールにもデータが入っているしなぁ…。ということで正しく保存されていると思っていた。

 この時の挙動としては、画像が読み込まれていない状態で保存 = canvasが真っ白 = 真っ白データを保存。

 ということだった。

 だので、現象の表示されず。というのは、正しく白く表示されていた。ということだった。

* 対応

 img.loadした後にStorage保存する。

 

で、期待通りに保存、取得ができるようになりましたー。