JavaScriptで描写したグラフを画像として保存したいのですが、１ページに複数のグラフがある場合、最後のグラフにしか処理が効かない問題を解決したい。

Question

JavaScriptで描写したグラフを保存したいです。
保存自体は出来たのです、１ページに複数の画像があると、なぜか処理が最後の要素にしか効きません。
プログラミング自体が素人なので要領を得ない部分があるかと思いますが、アドバイス頂けると幸いです。

Answer 1

window.onload = function(){}; は書くたびに前の関数を上書きしますので、addEventListenerを使いましょう。

【EventTarget.addEventListener() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener

【DOMContentLoaded - イベントリファレンス | MDN】
https://developer.mozilla.org/ja/docs/Web/Events/DOMContentLoaded#%E4%BE%8B

Comments

[退会済みユーザー]

アドバイスありがとうございます。
onload部分をaddEventListenerに変えれば良いのでしょうか？

[kei344]

意味としてはそうですが、onloadとaddEventListenerは書き方が違うので、調べてください。

[退会済みユーザー]

アドバイスありがとうございました。
とても助かりました。