システムエンジニアの徒然日記

PHPとJavaScriptとJAVA以外も愛していく

すでにあるデータでCanvasに画像を描画させようとしたら表示されなかった

   


Canvasに画像が表示されない

すでにあるデータを使って、Canvasの初期表示に表示させようと思ったら、Canvasに何も表示されなかった。
画像を選択して表示するという処理だったので、画像を選択すると表示される。
初期表示はうまく行かなかった。

環境

Monaca(local環境)、AngularJS、OnsenUI

修正方法

描画タイミングが良くなかった模様なので、描画するタイミングを少しずらした。

setIntervalで繰り返し処理というよりは、処理タイミングをずらす処理として利用。
50ms後に描画処理をさせるようにした。

また、clearIntervalでsetIntervalの処理を止めている。
そうしないと、50ms毎に描画処理が動いてしまう。

これで、Canvasに表示されていなかった画像が表示できるようになった。
すごいハマった・・・。
なぜ表示できなかったんだろうか。
AngularJSを利用しているかなぁーとは思っている

 - AngularJS, JavaScript, Monaca, OnsenUI , ,