Raphael.js неопределенная переменная

Question

Я недавно обратился к RaphaelJS из-за необходимости событий .onclick для переменных, нарисованных на холсте.Моя проблема в том, что я преобразовал весь свой веб-сайт для использования Raphaeljs, но, когда я пытаюсь запустить его, он говорит мне, что H (переменная, которую я слушаю при нажатии) не определена.

Здесь jsfiddle сайта.

Answer 1

Вы присваиваете H.node.onclick, когда DOM загружен, но H не инициализируется до тех пор, пока не будет вызван drawbg, что происходит при нажатии на холст.

Вы можете решить эту проблему, назначив обработчик событий после вызова drawbg. Вам также следует избегать глобальных переменных (таких как H).

Answer 2

Вы инициируете переменную H в функции drawbg (), но вызываете методы для этой переменной, прежде чем вызываете эту функцию.