Javascript Raphael.js未定义变量

我最近转向了RaphaelJS，因为需要在画布上绘制的变量上使用.onclick事件。我的问题是，我把我的整个网站改成使用raphaeljs，但是，当我试着运行它时，它告诉我，我在单击时所监听的变量是未定义的

是网站的一个JSFIDLE。

加载DOM时，您正在分配H.node.onclick，但在调用drawbg之前，H不会初始化，这是在单击画布时发生的

---

您可以通过在调用drawbg后分配事件处理程序来解决此问题。您还应该避免使用全局变量，例如H。

在函数drawbg中启动变量H，但在调用此函数之前，您需要调用此变量的方法