Raphael.js未定義変数

Question

私は最近、キャンバスに描かれた変数に.onclickイベントが必要なため、RaphaelJSに目を向けました。私の問題は、私は私のウェブサイト全体をラファエルズを使うように変えました。しかし、私がそれを実行しようとすると、H（onclickを聞いている変数）が定義されていないことがわかります。

Hereさんのウェブサイトのjsfiddleです。

Answer 1

DOMがロードされたときにH.node.onclickを割り当てますが、は、drawbgが呼び出されるまで初期化されません。キャンバスをクリックすると発生します。

drawbgが呼び出された後にイベントハンドラを割り当てることで、この問題を解決できます。また、グローバル変数（例えば、H）を避ける必要があります。

Answer 2

関数drawbg（）で変数Hを開始しますが、この関数を呼び出す前にこの変数にメソッドを呼び出します。