JavaScript (5) マウスのクリックで碁石を置く

JavaScript で碁石を置く処理を作りました。goban02.js として公開します。

【図4 Goban 0.2】
Canvas に対する “click” のイベントの処理の中で碁石を描くようにしました。
それから window.onload の中でイメージのロードをしていて間に合っていなかったため、その前にロードするようにしました。イメージがどのタイミングでロードされているかは、Google Chromeの「ツール」「JavaScriptコンソール」で「Network」を見ればわかります。グラフの右側の赤い線が「Load event fired」とあるので、この間にロードできていれば正常に表示されます。

【図5 JavaScriptコンソール】
（つづく）