🏠 🔋C1 Laboratory

🌡️ 📆 令和6年4月27日

チャート（グラフ）の表し方(Canvas)

canvasの場合、画像の読み込みもscriptでやるから、ブラウザがscriptを含む htmlを読み込んで、レンダリングを始めるタイミングの前で、画像の読み込み、 読み込んだあとで描画して、ブラウザのレンダリングに制御を返す。 ここで問題になるのが、 画像の読み込みが終わるタイミングと、描画のタイミングをどうやって合わせるか？ まあ、画像の読み込みが終わるタイミングで描画することになりますわなあ。 やってみたけど。 ブラウザがレンダリングを開始するイベントハンドラで 画像を読み込み、画像の読み込みが終わるイベントハンドラで、描画する。 イベントハンドラのネストってやっていいんかいっ？って感じなんですけど、動いてるから、ま、いいか。